css – 100％高度div内的两个垂直div

抱歉我的英文不好,希望你能理解我的问题.

我正转过头来解决一个我以前曾经解决过的问题.问题是我在div中需要两个DIV,其中一个DIV具有给定高度而另一个填充父div高度的其余部分.问题是第二个div(没有定义的高度,或100％的高度)需要使用垂直Scroller溢出.所有这一切都是为了制作一个“外观”相似的窗口设置,您可以在左侧操作列表,在右侧操作操作窗口.左侧列表需要一个标题,您可以在其中限制列表以及搜索.

看看http://kokongcrm0.server111.wdc.webdeal.no/index-test.php找一个问题的例子.

所有的帮助都是很好的帮助(！)Thanx提前.如果有人可以提供帮助,我会很高兴的！

解决方法

使用 position: relative combined with position: absolute.

Live Demo

摆脱这最后两行：

div#iHeader { height:50px; background:#009900; }
div#iWrapper  { height:100%; padding-top:-50px; padding-bottom:-150px; overflow:auto; }

替换为：

div#list {
    position: relative
}
div#iHeader {
    height:50px; background:#009900;

    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}
div#iWrapper { 
    overflow:auto;

    width: 100%;
    position: absolute;
    top: 50px;
    left: 0;
    bottom: 0
}