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