清除浮动的方法

清除浮动的方法

.clearfix:after{content:".";display:block;clear:both;overflow:hiddden;visibility:hidden;height:0;}.clearfix{display:inline-block;}*html.clearfix{height:1%;}

我相信很多人都是以这种方法去清除的浮动

但是我感觉这样写太麻烦了

我所根据我的四年工作经验来说 我从来没有用这些些方法的

我想做前端的都知道 一个在左边

一个在右边 父级元素肯定会不显示的

那么我告诉你如何告诉做到 在父级元素添加

display:table;

可以兼容 IE6 IE7 IE8 IE9 IE10 谷歌 火狐 以及其它流行浏览器

在此花已落为您倾情分享