css - 如何让 CSS Wrapper 自动调整高度？

Question

我今天已经四处寻找了一段时间，但找不到可以回答我的具体问题的问题。

我正在设计我的网站，内容位于 div 内的中心，它是包装器。我的问题是，即使高度设置为 100%，如果我添加了很多内容，包装器不会随着内容拉伸(stretch)，所以文本最终会被放置在包装器之外；它仍然以它为中心。

我该如何解决这个问题？我的 CSS 是:

#wrapper {
position: absolute;
left: 50%;
width: 800px;
height: 100%;
min-height: 100%;
margin-bottom: 0px;
margin-left: -400px;
background-color: #F7F7F7;
border-radius: 5px;
}

Answer 1

改变

#wrapper{height:100%;}

到

#wrapper{height:auto;}

Fiddle here.