我只是在Chrome上遇到此问题,而且只有在网上查看后才能在本地运行它时才会发生这种情况。基本上在主页上,左下方的容器内容将位于容器之外,但是当您重新加载页面时,它会修复它并且很好,直到您关闭浏览器并再次打开它。它只是一个Chrome错误吗?
JFiddle http://fiddle.jshell.net/nhpWJ/
答案 0 :(得分:2)
从height
移除#pageWrap
,而不是使用通用选择器来集中所有内容* { margin: 0 auto }
,请按以下方式使用快速重置:
* {
margin: 0;
padding: 0;
}
对于#head
,请添加margin: 0 auto
以使其居中。
#head,
#footerContainer {
width: 900px;
margin: 0 auto;
}
最后将overflow:hidden
应用于#bottom
,以便您的浮动div获得布局。
#bottom {
overflow: hidden;
margin: 0 0 25px;
}