Layout 滚动溢出隐藏内容中的完整大小的div_Layout_Html_Scroll_Overflow

Layout 滚动溢出隐藏内容中的完整大小的div

layout html scroll

Layout 滚动溢出隐藏内容中的完整大小的div,layout,html,scroll,overflow,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; he

问这个我很不高兴，因为这已经被打死了。但是，但是，我希望其他地方的回答者看到的不是同一个人

<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>


* {
保证金：0；
}
html，正文{
身高：100%；
}
#博{
身高：100%；
宽度：100%；
背景：#eee；
溢出：隐藏；
}
#c1{
浮动：顶部；
高度：40px；
背景：ddd；
}
#c2{
背景：#ccc；
身高：100%；
}
#c3{
浮动：左；
背景:#bbb ;；
宽度：200px；
身高：100%；
}
#碳五{
溢出：自动；
高度：400px；/*这应该是页面大小*/
}
#c6
{
高度：1000px；
背景：白色；
}
我希望这是页面大小。

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

我的选项是什么？

为了对特定块进行滚动，css中定义的overflow:auto属性始终有一个特定/固定的高度，因此，如果文本超出定义的高度，滚动应该出现。你还想做什么？

好吧，也许我问得不对；你能在浏览器里试试上面的吗？我已经添加了一些细节。。它在我的末尾显示滚动条。现在你可以把白色部分设置为页面大小。我的意思是它的高度必须是1000像素，但应该有一个滚动条。