html - 展开主 div 以适应内容 - CSS 故障排除

Question

我正在尝试扩展 div 以适应 <section> 中包含的内容我的 HTML 和 CSS 页面的标记。问题是它在内容中途中断，我无法让它工作。

到目前为止，我已经尝试设置 overflow:auto但收效甚微 - 内部容器滚动，但我希望使整个页面滚动。

有人可以帮我看看吗？ JSFiddle:http://jsfiddle.net/6xgT5/

Answer 1

只需删除 #mainContent 上的 height:100% 并将其替换为 float:left。这应该够了吧。让我知道这是否解决了问题。

对于页脚，git 去掉 position absolute 并替换为 float:left, width:100%:

footer {
float: left;
background-color: #CAD0C8;
border: #000 1px;
width: 100%;
height: 45px;
text-align: center;
padding-top: 5px;
}