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%;
}