我在IE 9和10中遇到显示问题。在FF，Chrome中没有这样的问题。
在我的某些页面上，然后只有25-30％的页面刷新，内容被推到一个无限长页面的底部，在导航底部和顶部之间留下一个空白区域内容。清除历史记录/缓存时频率更高。
代码基本上是这样的：
<div class="column">
<div class="inner-column"> . . .</div>
<div class="xyz">. . . </div>
<div class="nmk"> . . . </div>
</div>
“column”div显示无限长，“inner-column”div及其下方的所有内容视觉上位于“column”的底部。
行为切换以响应重新写入屏幕的任何，即放大/缩小，或检查页面并打开/关闭css属性，无论属性如何。
此代码结构对于所有页面都是相同的，显示此问题的页面和不显示此问题的页面。
我试图找出“好”页面与“坏”页面的对比，并且无法识别出神奇的组合。最困难的部分是“坏”页面仅在部分时间显示不正确。 这是一个Drupal 7站点，但我不认为这个问题与Drupal有关，特别是。
还有其他人看到过这种行为吗？
答案 0 :(得分：0)
在帮助下，我已经能够更好地表征问题并发现它来自左浮动的列，其中顶部元素的上边距为X％。当其中任何一个属性发生更改时（即父级未浮动或者第一个子级具有margin-top：Ypx），则不会发生错误行为。
此列由模板浮动，以预期多列显示。由于我没有必要再使用另一列来包裹这一列，所以我已经删除了浮点数并且一切都很好。
我不知道为什么这个神奇的浮动父级和百分比上边距的神奇组合导致上边距扩展到无穷大，仅在IE10中。任何人都知道如何实施这些价值观会对此有所了解吗？