2010-11-11 60 views
0

我正在开发一个具有指定高度的网站。我做了一个DIV并定义了高度并添加了CSS属性overflow:auto。在这个DIV中,我有另一个包含我的内容和其他特定样式的内容。在所有其他浏览器中,如果内容长于指定的高度外部DIV高度,则内容垂直滚动就可以了。但是,在IE7中(可能也是6),内部DIV溢出了外部DIV。对我来说,它看起来像IE7没有看到这个DIV实际上是一个孩子,所以它忽略了溢出:auto。IE7- DIV没有采用父级DIV属性的溢出问题:auto;

任何想法,我可能需要改变?

+0

最佳展示一些代码 – 2010-11-11 19:23:26

回答

0

您是否在div上设置了宽度?我知道IE7和IE6在overflow:auto;有问题,有时如果没有设置宽度,所以你应该尝试添加它们以确保。也可以在div上添加display:block;(特别是内部div)。

如果你还没有使用它,Firebug Lite是一个很棒的工具,用于测试IE中的CSS。

+0

谢谢,我已经设置了宽度。增加了display:block;但没有工作。它只是想弹出它的容器,就像它不在那里一样。 – Aaron 2010-11-11 21:24:56

+0

尝试使用Clearfix方法。在任何地方使用Clearfix确实是最好的做法。我在这里找到了最好的方法:http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ – 2010-11-12 00:02:56

+0

你有链接到有这个问题的网页吗? – 2010-11-12 00:03:29

1

终于找到了。最简单的解决方法是添加位置:相对;到外部分区。这将使IE7按预期工作。

发现这个位置: IE7 CSS Scrolling Div Bug