title: Can't I apply margin to element with fixed position?
body: <p>I want to set fixed position to <code>div</code>. when i do it, it moves H1 up, So i try to give it a margin-bottom. However, it doesn't work. in my case, i only want to modify the <code>div</code> not the <code>h1</code> because i have many pages, so i want to modify on <code>div</code> and will work on every pages.
  Thanks, any answers are appreciated.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;style&gt;                 
      div{
          width:100%;
          height:70px;
          background-color: green;
          position: fixed;
          top:0;
          margin-bottom:70px; /*not working*/
      }
      h1{
          /*margin-top:70px;*/ 
      }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div&gt;&lt;/div&gt;
      &lt;h1&gt;Hello world&lt;/h1&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>