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/