0

我在 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 无关,特别是。

有没有其他人见过这种行为?

4

1 回答 1

0

在帮助下,我能够更好地描述问题,并发现它源自一个左浮动列,其中顶部元素的上边距为 X%。当这些属性中的任何一个发生更改(即父级未浮动或第一个子级具有 margin-top:Ypx)时,不会发生错误行为。

此列由模板浮动,以期待多列显示。由于没有一点我需要另一列来环绕这一列,所以我删除了浮动,一切都很好。

我不知道为什么浮动父级和上边距百分比子级的这种神奇组合会导致上边距扩展到无穷大,仅在 IE10 中。任何人都知道这些值是如何实现的,可以对此有所了解吗?

于 2013-12-09T19:23:30.453 回答