Clear floats without structural markup

SUBMITTED BY: Guest

DATE: Jan. 15, 2014, 9:51 p.m.

FORMAT: CSS

SIZE: 329 Bytes

Raw Download

HITS: 727

Report
  1. .clearfix
  2. {
  3. display: inline-table;
  4. /* Hides from IE-mac \*/
  5. height: 1%;
  6. display: block;
  7. /* End hide from IE-mac */
  8. }
  10. html>body .clearfix
  11. {
  12. height: auto;
  13. }
  15. .clearfix:after
  16. {
  17. content: ".";
  18. display: block;
  19. height: 0;
  20. clear: both;
  21. visibility: hidden;
  22. }
comments powered by Disqus