清除浮动

清除浮动
一、为什么清除浮动
因为标准流是按顺序显示，不能横向显示，在一横中，所以必须清除浮动，脱离标准流才可以，以防高度塌陷。如下图
清楚标准流代码：

效果图：

1、左浮动代码及效果图：


当你选择这个左浮动时，原本有两个盒子，最终只显示一个，是因为另一个被覆盖住了以至于不能显示。
2、右浮动代码以及效果图：


这时就不会覆盖了，这个盒子就向右浮动了。

3、居中代码及效果：

4、伪元素清除浮动：