2010-06-08 84 views
4

我有两个DIVdiv的高度等杂物高度

<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 =的高度“因为”等于页面的其余高度?

回答

3

确保你有一个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; 
} 
+2

该死的......打我吧,我只是打字了相同的解决方案 – brad 2010-06-08 13:26:48

+0

@brad +1伟大的思想家认为:P – David 2010-06-08 13:32:20

+0

您的意思是一个* strict * doctype,因为过渡性的HTML doctypes会引发怪癖模式。请参阅[本表](http://hsivonen.iki.fi/doctype/#handling)。此外,这种解决方案在IE <7. – 2010-06-08 14:10:50