如何在IE 6中修复元素的高度,并允许隐藏的内容滚动到视图中?

时间:2012-08-23 14:37:19

标签: css internet-explorer-6

IE 6将CSS height属性视为min-height,即如果某个元素已应用height: 500px,但其内容高于500px,则该元素将获得更高,以容纳他们。

我正在尝试给元素一个固定的高度,并添加一个滚动条,以便在必要时滚动内容。

如何让IE 6尊重分配给它的height,并允许将内容滚动到视图中?

.myelement {height: 500px; overflow-y: scroll;}适用于其他浏览器,但不适用于IE 6。

2 个答案:

答案 0 :(得分:1)

这应该可行,我在IE6中测试过它:

http://jsfiddle.net/tmq3r/

只需设置一个高度并将其溢出:auto

答案 1 :(得分:1)

overflow-y:scroll;也适用于IE6。

<div id='test' style="position:absolute; top:10px;left:50px; width:500px; height:200px;background-color: #ffffff; overflow-y: scroll;">
    <div  style="position: absolute; top: 10px; height: 650px; left: 50px; width: 500px;background-color: #000000;"></div>
</div>