HTML5-div底部额外的空白

我正在开发内部使用IE10浏览器的WindowsPhone8移动应用程序

我试图从一个子div中删除空白空白，如果前面打开的子div的内容大于当前打开的子div.< /p>，则会出现空白。

<div id="parentDiv" style="overflow-x:hidden">
<div id="childDiv1" style="overflow-x:hidden">Content in childDiv1 is greater than childDiv2</div> 
<div id="childDiv2" style="overflow-x:hidden"></div>
</div>

childDiv1中的内容大于childDiv2

---

我有一个id为parentDiv的父div。。其中包含2个子div。。用id=childDiv1和childDiv2说话。如果我从应用程序中的任何页面和childDiv1导航到childDiv1，我将导航到childDiv2，因为childDiv1的内容多于childDiv2的内容。它会导致childDiv2底部出现空白。我试图消除空白空白，但周围的工作似乎帮助到目前为止。任何帮助都将不胜感激。谢谢

在internet explorer中，许多事情都可能导致空白

一些选择：

确保为所有涉及的div将边距/填充添加到0，然后逐个删除它们，直到您确定实际需要它的位置

有时，由于字体的原因，Internet Explorer会在空div中添加空格。尝试添加字体大小：0以防止出现这种情况

---

请为您的代码创建一个提琴。您是否尝试过在innerHTML为空时强制显示：none？空白空间可能是由DIV元素的自然填充/边距引起的。另一种可能是强制边距和填充为0；关于你的问题，没有什么是针对HTML5的。因为这几乎肯定是一个CSS问题，所以您应该重新标记它。我通过使用

行高：0

CSS属性获得了相同的结果，如果出于某种原因使用

字体大小：0

导致子元素出现许多其他问题（如我的情况）。