div的高度等雜物高度

Question

我有兩個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; 
} 

我怎麼會有DIV ID =的高度「因爲」等於頁面的其餘高度？

Answer 1

確保你有一個HTML 4.01或XHTML 1.x的或更高版本的doctype規定：

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