title: max-height 100 and margin bottom
body: <p>I would like to create a fixed element with variable height that fits content and with a maximum height.</p>
  
  <p>Now I use this technique:</p>
  
  <pre><code>#element{
      position:fixed;
      top:50px;
      bottom:50px;
  }
  </code></pre>
  
  <p>It's good, but I would like to make the height smaller if the content is smaller than this height...
  I would like to make something like a max-height with a margin-bottom.</p>