今天在蓝色理想看到了冰极峰关于弹性流体布局的文章时候,自己对流体布局有了一个重新的认识。不过今天在这里整理的是冰极峰同学在代码里面提到的万能float闭合Clearfix Hack。
万能float闭合Clearfix Hack可以用来解决多个div对齐时的间距不对,将以下代码加入CSS 中,给需要闭合的div加上 class=”clearfix” 即可,那叫一个爽啊…

下面是著名的万能float闭合Clearfix Hack

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