Html css 2列div布局全屏

所以我有一个2个div的布局，其中两个div的背景都需要填充到全高。但我不能把它弄对。由于我已经相对退出了脚本编写，我认为应该有一种新的更好的方法，而不是使用背景图像。以下是HTML：

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

---

下面是一个示例

只需设置

html

和

body

的最小高度以及您自己的div

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

---

使用属性

position:absolute

和

position:relative

---

检查此答案：

当我这样做时，它不会改变#菜单的背景以延伸到页面底部，这就是我需要的，不使用百分比，而是一个固定值，如

min height:800px

这适用于您发布的小提琴；）是的，但固定值不是意味着滚动条吗？

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