Я чувствую себя несчастным, спрашивая это, потому что это уже было бы избито до смерти. Но, но я надеюсь, что это не те люди, которые ответили в другом месте, видят этот.
<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>
Я хочу, чтобы div c5 имел полосу прокрутки, которая соответствует размеру страницы. Если я задаю фиксированную высоту, я получаю полосу прокрутки.
Какие у меня варианты?