title: How does float relate to absolute and relative div positioning?
body: <p>I asked an earlier question about <a href="https://stackoverflow.com/questions/8599929/how-does-relative-and-absolute-positioning-work-with-embedded-divs">absolute and relative div positioning</a>, but I would like to try to understand (for sure) the role of <code>float</code> in this context.</p>
  
  <p>My main question is: how does <code>float</code> relate to <code>absolute</code> and <code>relative</code> <code>div</code> positioning?</p>
  
  <p>Are the following statements correct (yes/no):</p>
  
  <ol>
  <li><code>float right</code> (or <code>left</code>) will try to stack all <code>div</code> one after the other starting from <code>right</code> (or <code>left</code>). If there is not enough space (<code>width</code> issue), the <code>div</code>s are displayed at the next 'line' (from top to bottom). </li>
  <li><code>float</code> does not impact <code>absolute div</code> ever, <code>absolute</code> overrides <code>float</code></li>
  <li><code>relative div</code> are positioned relatively to the first enclosing <code>relative div</code> (<code>absolute div</code>s are ignored)</li>
  <li><code>float right</code> (or <code>left</code>) on a <code>div</code> will first compute what would be the natural position of a <code>relative div</code>, then add any top-left offset to compute the final position.</li>
  </ol>
  
  <p>Thanks.</p>