html - css 2列div布局全屏

Question

所以我有一个 2 div 布局，其中两个 div 背景都需要填充全高。但我无法正确处理。由于我相对没有编写脚本，我认为应该有一种新的更好的方法，然后使用背景图像。这是HTML：

<div id="ContentContainer">
 <div id="Menu">asdasda
 </div>
 <div id="Content">Content<br>M<BR><BR>dsfsdf</div>
</div>

和CSS：

#ContentContainer {
width: 100%;
}
#Menu {
float: left;
width: 250px;
background-color: #bababa;
}
#Content {
overflow: hidden;
}

这是示例http://jsfiddle.net/DenErello/dzt4Y/

Answer 1

您使用属性position:absolute和position:relative

检查这个答案：http: //jsfiddle.net/dzt4Y/2/

Answer 2

html只需设置和body您自己的 div的最小高度。

html, body, #Menu, #Content {
    min-height:100%;
}