对clear float 的理解
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了对clear float 的理解相关的知识,希望对你有一定的参考价值。
之前自己对于清除浮动的用法比较模糊 ,如果用到的话,一般都是采用简单粗暴的方式解决,就是直接用overflow:hidden,但是越用久就会发现其实有BUG,这个BUG正是overflow:hidden带来的,因为细究overflow:hidden还有一个默认效果是溢出隐藏.,如果要在子元素里再添一个div,div往下移动的话,超过了子元素的高度就会做溢出隐藏处理,所以效果不佳,所以后来自学了另一种清除浮动的方法,就是伪类.clearFix:after{content:‘.‘;height:0;clear:both;visibility:hidden;display:block;}。这种方法比较OK的,之前的BUG不会出现,只是在做网页的时候,一定要记住一点,就是伪类的兼容性问题,ie6是不支持主要的写法的,所以加.clearFix{*zoom:1;}.只是自己的一些理解!与君共勉!
以上是关于对clear float 的理解的主要内容,如果未能解决你的问题,请参考以下文章