HTML5 - div底部的额外空白区域

Question

我正在开发内部使用IE10浏览器的Windows Phone 8 Mobile应用程序。

我正在尝试从子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底部的空白空格。我试图删除空白空格，但到目前为止没有任何工作似乎有帮助。任何帮助将不胜感激。谢谢。

Answer 1

Internet Explorer中的许多内容都可能导致空白区域。

一些选项：

1. 请务必为所涉及的所有div添加margin / padding为0，然后逐个删除它们，直到找到实际需要的位置。

2. 有时Internet Explorer会因为字体而在空div中添加空格。尝试添加font-size：0以防止这种情况。