使垂直菜单高度适合100％

Question

我做了一个草图http://i.imgur.com/cx3jXPu.jpg，所以边栏必须一直拖到内容边栏一起。

Answer 1

其高度应为100％，以及其所有家长的div

html, body{ 
    height:100%; 
    width: 100%; 
} 
.container{ 
    width:100%; 
    height:100%; 
    border:1px solid red; 
} 
.sidebar{ 
    width:25%; 
    height:100%; 
    background:gray; 
} 

http://jsfiddle.net/ahmedskaya/Bek9L/1863/

Answer 2

使用jQuery的，你可以很容易地实现它。

$(document).ready(function(){ 
    $("#side").height($("#main").height()); 
}); 

这里是CSS也。

#side{background: gold;} 
#side, #main{float:left; width:200px;} 

这里是Demo。