title: CSS webcomponent as footer
body: <p>I'm trying to build a generic footer using polymer (webcomponent).</p>
  
  <p>Obviously the footer needs to be attached to the bottom of the page which I can achieve using position fixed with bottom 0px.</p>
  
  <p>The problem with this approach is that when I drop my footer component into a page it doesn't take up any space.</p>
  
  <p>How do I achieve this so that a hosting page doesn't have to know anything about the footer dimensions and still layout correctly.
  I.e the footer naturally takes space out of the hosting page as if the footers position was static.</p>