2010-06-08 3 views
4

у меня есть два ДИВА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; 
} 

как я могу иметь высоту сОн ид = «из-за» равный оставшуюся высоту страницы?

ответ

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

+0

+1 для @ Брэд великие мысли думают одинаково: P – David

+0

Вы имеете в виду * строгое * doctype, поскольку переходные HTML-дотипы будут вызывать режим quirks. См. [Эта таблица] (http://hsivonen.iki.fi/doctype/#handling). Более того, это решение не работает в IE <7. –

Смежные вопросы