对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;}.只是自己的一些理解!与君共勉!

上一篇:Visual Studio原生开发的20条调试技巧(下)


下一篇:-Git 使用技巧 总结 MD