title: How can I make a CSS Wrapper adjust height automatically?
body: <p>I've been looking around for a while today and can't find a question that answers my specific problem.</p>
  
  <p>I am designing my website and the content is in the center placed inside a div, which is the wrapper. My problem is that even though the height is set at 100%, if I add to much content, the wrapper does no stretch with the content, so the text ends up being placed outside the wrapper; it is still centered with it.</p>
  
  <p>How can I fix this? The CSS I have is:</p>
  
  <pre><code>#wrapper {
  position: absolute;
  left: 50%;
  width: 800px;
  height: 100%;
  min-height: 100%;
  margin-bottom: 0px;
  margin-left: -400px;
  background-color: #F7F7F7;
  border-radius: 5px;
  }
  </code></pre>