i have two div
<div id="uno">
text
</div>
<div id="due">
text
</div>
div#uno{
width:300px;
height: 100px;
border: 1px solid blue;
overflow:hidden;
}
div#due{
width:300px;
height: 200px;
border: 1px solid yellow;
overflow:scroll;
}
how can i have the height of the div id="due" equal to the remaining height of the page?
Make sure you have a HTML 4.01 or XHTML 1.x or later doctype specified:
div#uno{
position:absolute;
width:300px;
height:100px;
top:0px;
border:1px solid blue;
overflow:hidden;
}
div#due{
position:absolute;
width:300px;
top:100px;
bottom:0px;
border:1px solid yellow;
overflow:scroll;
}
来源:https://stackoverflow.com/questions/2997573/divs-height-like-remaining-height