html - 导航栏上方的间距，在使用标题和段落时出现

Question

我一直试图让导航栏的空间消失，但​​我不知道问题出在哪里。这些代码在没有任何标题或段落时有效

演示:http://jsfiddle.net/n89s25q6/

html

<div id="content">
<h2>Content</h2>
</div>

感谢帮助

Answer 1

问题是nav元素是 float 的，next元素包含h2元素，默认有margin。

要修复它，您可以:

• 清除 float :

  #content {
      clear: left; /* or `clear: both` */
  }
  

• 移除边距:

  #content > h2 {
      margin: 0;
  }
  

• 移除 float :

  #headernav {
      float: none; /* default value */
  }
  

• 防止边距崩溃，例如与

  #content > h2 {
      display: inline-block;
  }