Come faccio a posizionare un elemento relativo ad un elemento fisso? [chiuso]

Question

ho questo: http://jsfiddle.net/WEyM9/

Come faccio a posizionare il mio .content div rispetto al div .header (in modo che non vada dietro l'intestazione)? E 'qualcosa di simile a questo possibile senza impostare un margin-top fissato sul .content?

Answer 1

Si avrà bisogno di un involucro in più:

.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>