Интервал над навигационной панелью, возникает при использовании заголовков и абзацев

Question

Я пытался получить пространство с панели навигации, но я не знаю, в чем проблема. Коды работают, когда нет каких-либо заголовков или абзацы

Демо: http://jsfiddle.net/n89s25q6/

HTML

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

Спасибо за помощь

Answer 1

Проблема в том, что nav элемент плавает, а следующий элемент содержит h2 элемент с по умолчанию.

Чтобы исправить это, вы можете:

• Очистить поплавок:

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

• Удалить маржу:

  #content > h2 { 
      margin: 0; 
  } 
  

• Удалить поплавок:

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

• Предотвращение краха запаса, например. с

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