浮动与清除浮动

1.浮动种类

        (1) 左浮动  float: left;

        (2) 右浮动  float: right;

2.为什么要清除浮动?

        当我们给一个元素加了浮动之后，这个元素就脱离了标准流，我们都知道脱离了标准流的元素是不占位置的，那么它的后面的元素就会占用它之前的位置，打乱了我们原先的布局，这个时候我们就需要清除浮动了。

例如：

HTML代码：