title: methods of clearing float's effects
body: <p>There're dozens of ways to clear float in order to make sure the containing block containing all his descendents including floating children.</p>
  
  <ol>
  <li>using markup:<code>&lt;div style="clear:both;"&gt;&lt;/div&gt;</code></li>
  <li>Creating a new block formatting context:
  <ul>
  <li>is floated</li>
  <li>is absolutely positioned</li>
  <li>has a display property value of one of more unusual properties(table-cell,etc.)</li>
  <li>overflow</li>
  </ul></li>
  </ol>
  
  <p>My Question is : is there any other method?</p>
  
  <p>Many thanks for helping!</p>