title: How to push down the entire page with CSS
body: <p>I'm making a top bar that is dynamically added to existing pages.</p>
  
  <p>When it's loaded, it should push down the content of the entire page and then appear at the top.</p>
  
  <p>The way it pushes down the content of the page is by adding the following CSS rule to the page:</p>
  
  <pre><code>body {padding-top: 50px}
  </code></pre>
  
  <p>The problem is that there are pages where this rule doesn't work properly. For example, pages with elements with absolute positioning.</p>
  
  <p>Is there a better way to push the content of the page down?</p>