我尝试将div扩展为适合我的HTML和CSS页面的<section>标记中包含的内容。问题是它在内容的中途切断了，我无法使其发挥作用。
到目前为止，我已尝试设置overflow:auto，但没有太大成功 - 内部容器滚动但我希望整个页面滚动。
有人可以看看并帮助我吗？ JSFiddle：http://jsfiddle.net/6xgT5/
答案 0 :(得分：2)
在height:100%上删除#mainContent并将其替换为float:left。这应该够了吧。如果这解决了这个问题，请告诉我。
对于页脚，git摆脱绝对位置并用float替换它：left，width：100％：
footer {
float: left;
background-color: #CAD0C8;
border: #000 1px;
width: 100%;
height: 45px;
text-align: center;
padding-top: 5px;
}
答案 1 :(得分：0)
这是因为你正在修复#footer并且它会在内容布局之外浮动。因此，您只需添加到section padding-bottom :45px /*footer height*/
答案 2 :(得分：0)
将overflow:auto;添加到#mainContent。