2-5、float浮动
高度塌陷、浮动溢出:三个盒子,都给上背景颜色,第一个浮动,23不浮动,那么只会显示两个13,1把2挡住了。那么当其父元素不设置高度,由其内容自适应,如果三个都进行浮动,其父元素就没有高度了,这个称为高度塌陷浮动溢出。
清除浮动:clear: none | left | right | both ;
both是左右都清除。清除浮动只影响自身。
以下方法既可以让元素横向排列,也可以其父元素的高度撑起来!!!
清除浮动常用方法():
这里注意是浮动的父元素。
在实际使用过程中,最多的是给浮动元素的父元素添加一个:
overflow: hidden;
zoom:1; //兼容低版本IE
这个时候,就不用管其内部如何浮动了,不会影响其后面的元素出现高度塌陷、浮动溢出。