div hauteur de hauteur restante comme

Question

j'ai deux 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; 
} 

Comment puis-je avoir la hauteur du div id = « en raison » égale à la hauteur restante de la page?

Answer 1

Assurez-vous que vous avez un HTML 4.01 ou XHTML 1.x ou Doctype ultérieurement:

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