使垂直菜单高度适合100%

Question

我做了一个草图https://i.stack.imgur.com/NiSi8.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;}

是演示。