清除浮动的方式

清除浮动方式1:给父元素单独定义高度   优点:快速简单,代码少 缺点:无法进行响应式布局   清除浮动方式2:父级定义overflow:hidden;zoom:1(针对ie6的兼容)   优点:简单快速、代码少,兼容性较高 缺点:超出部分被隐藏,布局时要注意   清除浮动方式3:在浮动元素后面加一个空标签,clear:both;height:0;overflow:hidden   优点:简单快速、代码少,兼容性较高。   缺点:增加空标签,不利于页面优化   清除浮动方式4:父级定义overflow:auto   优点:简单,代码少,兼容性好   缺点:内部宽高超过父级div时,会出现滚动条   清除浮动方式5:万能清除法:   给塌陷的元素添加伪对象   .father:after{          Content:“随便写”;            Clear:both;            display:block;            Height:0;            Overflow:hidden;            Visibility:hidden   }   优点:写法固定,兼容性高        缺点:代码多
上一篇:css div如何隐藏?


下一篇:ai 写诗