It's my evolution lab…
著名的万能float闭合Clearfix Hack
今天在蓝色理想看到了冰极峰关于弹性流体布局的文章时候,自己对流体布局有了一个重新的认识。不过今天在这里整理的是冰极峰同学在代码里面提到的万能float闭合Clearfix Hack。
万能float闭合Clearfix Hack可以用来解决多个div对齐时的间距不对,将以下代码加入CSS 中,给需要闭合的div加上 class=”clearfix” 即可,那叫一个爽啊…
下面是著名的万能float闭合Clearfix Hack
- .clearfix:after {
- content: ".";
- display: block;
- height: 0;
- clear: both;
- visibility: hidden;}
- .clearfix {display: inline-block;}
- /* Hides from IE-mac \*/
- * html .clearfix { height: 1%;}
- .clearfix {display: block;}
- /* End hide from IE-mac */