使垂直菜单高度适合100％ [英] Make vertical menu height fit 100%

问题描述

我做了一个草图 http://i.imgur.com/cx3jXPu.jpg 侧边栏必须一起拖放到内容边栏中。 其高度应为100％以及所有它的父母divs

  html，body {
 height：100％; 
宽度：100％; 
} 
 .container {
 width：100％; 
身高：100％; 
 border：1px纯红色; 
} 
 .sidebar {
 width：25％; 
身高：100％; 
背景：灰色; 
} 
  

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

I did a sketch http://i.imgur.com/cx3jXPu.jpg so sidebar has to drag down all the way together with the content sidebar.

解决方案

its height should be 100% as well as all of its parents divs

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/

这篇关于使垂直菜单高度适合100％的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！