滚动具有溢出隐藏内容的完整大小的div

时间:2012-01-18 00:05:47

标签: layout html scroll overflow

我对这个问题感到不快,因为这已经被打死了。但是,但是,我希望不是那些在其他地方回答的人都会看到这个。

<html>
<head>
<style>
* {
    margin: 0;
}

html, body {
    height: 100%;
}

#bo{
    height:100%;
    width:100%;
    background:#eee;
    overflow:hidden;
}
#c1{
    float:top;
    height:40px;
    background:#ddd;
}

#c2{
    background:#ccc;
    height:100%;
}

#c3{
    float:left;
    background:#bbb;
    width:200px;
    height:100%;
}

#c5{
    overflow:auto;
    height:400px; /* this should be page size.*/
}

#c6
{
    height:1000px;
    background:white;
}

</style>
</head>
<body>
<div id="bo">
    <div id="c1"></div>
    <div id="c2">
        <div id="c3">
                <div id="c5">
                    <div id="c6">I want this to be page size.
                   </div>
                </div>
        </div>
        <div id="c4"></div>
    </div>
</div>
</body>
</html>

我希望c5 div有一个适合页面大小的滚动条。如果我给出一个固定的高度,我会得到滚动条。

我有什么选择?

1 个答案:

答案 0 :(得分:0)

为了滚动特定的块,总是有一个特定的/固定的高度,在css中定义了overflow:auto属性,因此如果文本超出定义的高度,滚动应该会出现。你想要选择哪种其他选择?