出于某种原因,我无法弄清楚为什么要这样做,但我的 div 标签在每个标签之间都有一个很小的清晰边距,这使得 div 标签彼此不相关。有人知道我哪里出错了吗?
谢谢。
body {
background-color: #E8E8E8;
}
#content {
width: 80%;
margin-left: 10%;
}
#header {
background-color: #4C66A4;
}
#mainBody {
background-color: #FFF;
}
#footer {
background-color: #4C66A4;
}
<body>
<div id="content">
<div id="header">
<p>header</p>
</div>
<div id="mainBody">
<p>body</p>
</div>
<div id="footer">
<p>footer</p>
</div>
</div>
</body>
最佳答案
只需删除 p 个元素的默认边距。
p {
margin: 0;
}
关于html - 删除 div 标签之间的不可见边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42092529/