Wie kann ich ein Element relativ zu einem festen Element positionieren? [abgeschlossen

Question

Ich habe das: http://jsfiddle.net/weym9/

Wie positioniere ich meine .content Div in Bezug auf die .header Div (damit es nicht hinter den Kopfball geht)? Ist so etwas möglich, ohne einen festen Rand einzustellen .content ?

Answer 1

Sie benötigen einen zusätzlichen Wrapper:

.wrapper {
  width: 400px;
  position: relative;
  height: 80px;
}

.header {
  width: 400px;
  background-color: green;
  height: inherit;
  position: fixed;
}

.content {
  width: 400px;
  background-color: magenta;
  height: 400px;
}

<div class="wrapper">
  <div class="header">
    header
  </div>
</div>

<div class="content">
  content
</div>