CSS — 清除浮动,浏览器兼容,响应式布局辅助代码集合(持续更新)
1.清除浮动:
.clear-fix { *overflow: hidden; *zoom: 1; }
.clear-fix:after { display: table; content: ""; width: 0; clear: both; }
第一行是专门用来清除IE6的浮动(前端那无法言说的痛),其中zoom是设置缩放比例的。
第二行需要在父级元素下面是指该属性
只要短短两行就可以轻松清除浮动,这也是得益于CSS3的 .after 伪元素,飘渺虚无但还真是存在的元素。