title: Position relative, float takes div out of the normal flow
body: <p>How can i prevent taking div out of the normal flow but still using float, like this:</p>
  
  <pre><code>&lt;div id="one"&gt;
      &lt;div id="two"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#one {
      width: 100%;
      height: auto;
  }
  
  #two {
      width: 100px;
      height: 100px;
      position: relative;
      float: left;
  }
  </code></pre>
  
  <p>Now div "one" has no height and div "two" just looks like it isn't in the first div.</p>