Posted By

rtcrm on 10/27/08


Tagged

clear float rtcrm


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

milank


Clearfix


 / Published in: CSS
 

Add this class to elements containing multiple floating elements.

rtcrm

  1. .clearfix:after {
  2. content: ".";
  3. display: block;
  4. height: 0;
  5. clear: both;
  6. visibility: hidden;
  7. }
  8.  
  9. .clearfix { display: inline-block; }
  10.  
  11. /* Hides from IE-mac \*/
  12. * html .clearfix { height: 1%; }
  13. .clearfix { display: block; }
  14. /* End hide from IE-mac */

Report this snippet  

You need to login to post a comment.