css 三种清除浮动（float）的方法

时间：2018-08-23 15:35:48 阅读：132 评论：0 收藏：0 [点我收藏+]

标签：添加应用 float 伪类 zoom 兼容性 class isp code

方法一：添加新的元素、应用 clear：both

.clear{
   clear:both; 
   height: 0; 
   height: 0; 
   overflow:hidden;
}

方法二：父级div定义 overflow: auto

.over-flow{
    overflow: auto; 
    zoom: 1; //处理兼容性问题
}

方法三：伪类 :after 方法 outer是父div的样式

.outer {zoom:1;}    /*==for IE6/7 Maxthon2==*/
.outer :after {
   clear:both;
   content:‘.‘;
   display:block;
   width: 0;
   height: 0;
   visibility:hidden;
}

css 三种清除浮动（float）的方法

标签：添加应用 float 伪类 zoom 兼容性 class isp code

原文地址：https://www.cnblogs.com/jessiespur/p/9523490.html

踩

(0)

评论一句话评论（0）