使垂直菜單高度適合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。