Верхний отступ блока CSS

Рейтинг: 0Ответов: 1Опубликовано: 23.10.2014

Почему отступ происходит не от блока header?

КОД

body {}

#wrapper {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}

#header {
  width: 1200px;
  height: 500px;
  background-color: #E74C3C;
  background-image: url(../img/header_bg.jpg);
  opacity: 0.7;
}

#nav {
  outline: 1px solid #cccccc;
  width: 960px;
  height: 20px;
  margin: 60px auto;
}
<div id="wrapper">
  <div id="header">
    <div id="nav">
    </div>
  </div>
</div>

css html вёрстка
Источник: Stack Overflow на русском

Ответы