1.浮动:float:left;right;none
2.浮动的模块是没有高度,不占用位置的,如下:
如果给上面的div1和div2加上左浮动,则div3就会上移,出现如下所示效果:
为了让div1和div2占有它原来的位置,让div3显示在它们下面,则要清除浮动。
关于浮动的清除有以下几种:
1)clear (clear:both;)
添加额外的标签(如:京东)
京东案例:
闭合浮动
给父盒子添加伪元素(如:新浪),效率比较高(尽管看着多出来很多代码)
zoom:1; 主要是用来解决IE6的问题(因为IE6是不认.clearfix:after的)
3.开发工具:WebStorm
4.传统的清除浮动的方式:
1)clear:both; (子元素)
2)overflow:hidden; (父元素)
3)现在常用:伪类、额外标签法