HTML5 - 在div底部的额外空白空间

我正在使用内部使用IE10浏览器的Windows Phone 8移动应用程序。HTML5 - 在div底部的额外空白空间

我想从子div删除空白空间，如果先前打开的子div的内容超过当前打开的子div，则显示此空白。

<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>

我有一个父DIV说与ID parentDiv ..其中包含2成div的。与ID =说childDiv1和childDiv2。如果我从应用程序中的任意页面和childDiv1导航到childDiv1，则导航到childDiv2，因为childDiv1的内容比childDiv2的内容多。它会在childDiv2的底部产生空白的空白。我试图删除空白空间，但目前为止似乎没有帮助。任何帮助将不胜感激。谢谢。

来源

2013-07-11 Pravesh Pesswani

请为您创建一个小提琴代码.. – AurA

您是否试图强制显示：无innerHTML为空时为空？空格可能是由div元素的自然填充/边距引起的。另一种可能是强制边距和填充为0; –

你的问题没有关于HTML 5的具体内容。由于这几乎可以肯定是一个CSS问题，因此你应该重新标记并重新编辑它。 – 2014-06-26 17:37:36

白色空间可能是由Internet Explorer中的许多事情引起的。

一些选项：

一定保证金/填充添加到0所涉及的所有div，然后通过一个删除一个，直到你找出你真正需要它。
有时Internet Explorer由于字体而在空格中添加空格。尝试添加字体大小：0以防止这种情况。

来源

2014-06-26 17:01:31 Samir

我通过使用'line-height：0' CSS属性获得了相同的结果，如果由于某种原因使用'font-size：0'导致许多子元素的其他问题（就像我的情况一样）。 –

HTML5 - 在div底部的额外空白空间

回答

相关问题