Css div元素之间的随机间隙

我在div元素之间出现了一个随机间隙，我似乎无法消除它。问题被显示出来

这是我的相关代码

 <div id="menuBar"><!--Hosts menu options-->
 </div>
 <!-- end #menuBar -->
 <div id="content">
 <p>hello</p>
 </div>

---

感谢各位

当您在HTML中使用p元素开始新段落时，它会自动在内容的上方和下方创建一些空间

加

---

您可以通过添加

显示：内联块来解决此问题到您的
#内容
div

这里有一个给你的建议
检查段落的边距或在内容部分添加一些填充。这可能会解决问题
 这是因为您的p标记仍然具有默认的边距和由浏览器放置的填充。你应该这样做

p {
    padding:0px;
    margin:0px;
}

你也应该考虑使用CSS重置。每个浏览器都有自己的默认“用户代理”样式。通过包含重置，它将所有这些默认样式设置为null，这将避免不同浏览器之间的任何不一致。需要记住的一件重要事情是在任何其他样式之前包含css重置样式。比如说
<link rel="stylesheet" type="text/css" href="reset.css" /><!-- CSS reset in here -->
<link rel="stylesheet" type="text/css" href="style.css" /><!-- Your styles in here -->



我建议你看看这两个链接
如果添加底部：16px；进入#content div，该div将用一个位置修复间隙：relative
 您的
标签周围有多少边距和填充空间？这是由于p标签，请将p上的边距重置为0。您能详细解释一下CSS重置吗？以前从未听说过这个词我唯一没有尝试将边距和填充设置为0。。谢谢大家!@Fonti没问题：）很容易忽略这项工作的简单内容，但您需要对每个具有
的div应用相同的规则，因为从
中删除填充可以从整体上解决问题
p {
    padding:0px;
    margin:0px;
}

<link rel="stylesheet" type="text/css" href="reset.css" /><!-- CSS reset in here -->
<link rel="stylesheet" type="text/css" href="style.css" /><!-- Your styles in here -->