title: Adding elements after fixed header
body: <p>I have a fixed header at the top of the screen, and if I try to put an element after the header, said element ends up ignoring the height of the header.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;header&gt;&lt;/header&gt;
  &lt;p&gt;Empty text&lt;/p&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>header {
      display: block;
      height: 100px;
      width: 100%;
      background: #eee;
      position: fixed;
      top: 0;
      z-index: 100;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/09qL0nzv/" rel="nofollow"><strong>JSFIDDLE</strong></a></p>
  
  <p>I've searched on StackOverflow and other places for solutions to problems similar to this but with no avail (in part due to me having a hard time verbalizing the specific problem). I tried a clearfix,</p>
  
  <pre><code>&lt;header&gt;&lt;/header&gt;
  &lt;div style="clear:both"&gt;&lt;/div&gt;
  &lt;p&gt;Empty text&lt;/p&gt;
  </code></pre>
  
  <p>But that still doesn't work. I also tried adding a <code>margin-top: 100px</code> to the <code>p</code> element, but I consider that bad practice in the case of me changing the height of the header in the future, and also having to do this for every single element following the header or any other element I might add a <code>position: fixed</code> or <code>position: absolute</code>. Additionally, the header will be a fluid height according to different sized screens.</p>
  
  <p>Right now I'm wireframing so I'd really rather not use JavaScript, just plain CSS, if that's possible. If it's not, minimal vanilla javascript will do. This is a fundamental web design problem and I've always countered it with <code>margin-top</code> but I'm wondering if anyone knows of a cleaner, better way to counter it.</p>
  
  <p>Also, this needs to be at least somewhat cross-browser. Again, only wireframing. My wireframes should be able to work on anything that supports basic CSS.</p>
  
  <p>Sorry if this is a duplicate question, I'm sure it is, but I couldn't find anything that quite matches my situation. Any help is much appreciated!</p>