Posted By

mnezes on 02/08/11


Tagged

clearfix


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

aaearhart


ClearFix


 / Published in: CSS
 

  1. /* slightly enhanced, universal clearfix hack */
  2. .clearfix:after {
  3. visibility: hidden;
  4. display: block;
  5. font-size: 0;
  6. content: " ";
  7. clear: both;
  8. height: 0;
  9. }
  10. .clearfix { display: inline-block; }
  11. /* start commented backslash hack \*/
  12. * html .clearfix { height: 1%; }
  13. .clearfix { display: block; }
  14. /* close commented backslash hack */
  15.  
  16. /* importante lembrar que a tag content: " " tem que conter um espaço para não prejudir o layout, geralmente as pessoas usam com um ponto, o que pode prejudicar . É importante setar font-zise="0" para evitar quebra de layout */

Report this snippet  

You need to login to post a comment.