css清除浮动 - lms_码农(2)_H5之家 - 中国HTML5教程资源分享第一站

*{ margin padding .box1{ background-color overflow .box2{ background-color margin-top ul{ list-style .ul01 li{ background-color .ul02 li{ background-color ul li{ float大娃二娃三娃这是后面的列表项1这是后面的列表项2这是后面的列表项3

ps:

由于overflow:hidden可以撑起盒子的高度, 所以可以直接设置margin属性

IE8以前不支持利用overflow:hidden来清除浮动, 所以需要加上一个*zoom:1;

实际上*zoom:1能够触发IE8之前IE浏览器的hasLayout机制

优点可以不用添加额外的标签又可以撑起父元素的高度, 缺点和定位结合在一起使用时会有冲突

　　给前面的盒子添加伪元素来清除浮动

Title *{ margin padding .box1{ background-color .box2{ background-color margin-top ul{ list-style .ul01 li{ background-color .ul02 li{ background-color li{ float .clearfix:after content display height visibility clear .clearfix *zoom大娃二娃三娃这是后面的列表项1这是后面的列表项2这是后面的列表项3

ps:

　　好了，本次我们就分享到这里，有不同意见请在留言区补充，我们相互学习，共同提高。