我有一个很可能很简单的问题。我的页面有背景颜色并包含一个容器,然后是一个将页面放在中间的内容容器。现在这个内容容器有不同的背景颜色,但我们看到原始页面背景颜色的小空间在顶部和底部可见。
CSS文件是这样的:
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #E0EBED;
}
#container {
width: 100%;
}
#contentcontainer {
background-color: #FFFFFF;
width: 1000px;
margin: 0 auto;
}
身体是这样的:
<div id="container">
<div id="contentcontainer">
<p>Some content</p>
</div>
</div>
我该怎么做才能让这个小空间消失。我已经尝试将 0 顶部填充添加到容器 div 和 body 中。
经过几个答案后,我发现 margin: 0; body css 占用了顶部的空间。我仍然在底部有同样的空间。
向人们展示我的意思:
现在这是修复:
CSS:
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #E0EBED;
margin: 0;
}
#container {
width: 100%;
}
#contentcontainer {
background-color: #FFFFFF;
width: 1000px;
height: 100%;
margin: 0 auto;
}
我添加了边距:0;对身体和身高:100%;到内容容器。如果您有同样的问题,请不要忘记添加边距:0;到身体,因为没有它就无法工作。
感谢所有回答这个问题并帮助我解决这个问题的人!