什么是 CSS Float（浮动）?

CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。
Float（浮动），往往是用于图像，但它在布局时一样非常有用。

元素怎样浮动？

1.元素的浮动只能左右而动不能上下浮动
2.一个元素的浮动会向左或者向右浮动，外边缘碰到包含框或另一个浮动框的边框为止
3.浮动之前的元素并不会受到影响

清除浮动 - 使用 clear

用了浮动以后，周围元素就会重新排列，为了他们不受到影响，就可以用 clear 属性来清除浮动
clear 属性指定两侧不能出现浮动元素