title: How to squeeze block in bottom of parent block?
body: <p>I have <code>div</code> block, that should be displayed on full page by width and height.</p>
  
  <p>Inside this block I have another <code>div</code> with position fixed:</p>
  
  <pre><code>&lt;div class="parent"&gt;
     &lt;div class="child"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.parent {
     position:absolute;
     left:0;
     right:0;
     bottom:0;
     top:0;
     background:green
  }
  
  .child {
    position:fixed;
    botttom:0px;
    height:80px;
    width:100%
    background:yellow;
  }
  </code></pre>
  
  <p>Problem is that <code>parent</code> block is not displayed on the full page, and intern block <code>.child</code> is not located at the bottom of <code>parent</code> block.</p>