2-5、float浮动

2-5、float浮动

高度塌陷、浮动溢出：三个盒子，都给上背景颜色，第一个浮动，23不浮动，那么只会显示两个13，1把2挡住了。那么当其父元素不设置高度，由其内容自适应，如果三个都进行浮动，其父元素就没有高度了，这个称为高度塌陷浮动溢出。

清除浮动：clear: none | left | right | both ;
both是左右都清除。清除浮动只影响自身。

以下方法既可以让元素横向排列，也可以其父元素的高度撑起来！！！
清除浮动常用方法()：

这里注意是浮动的父元素。

在实际使用过程中，最多的是给浮动元素的父元素添加一个：

overflow: hidden;
zoom:1;     //兼容低版本IE

这个时候，就不用管其内部如何浮动了，不会影响其后面的元素出现高度塌陷、浮动溢出。