What？
CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。
Float（浮动），往往是用于图像，但它在布局时一样非常有用。
How?
元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。
一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。
浮动元素之后的元素将围绕它。
浮动元素之前的元素将不会受到影响。
如果图像是右浮动，下面的文本流将环绕在它左边：
清除浮动 - 使用 clear
元素浮动之后，周围的元素会重新排列，为了避免这种情况，使用 clear 属性。
clear 属性指定元素两侧不能出现浮动元素。
使用 clear 属性往文本中添加图片廊
浮动类型
static：静态定位，无特殊定位，对象遵循HTML定位规则（html的默认状态）
absolute：绝对定位，对象脱离文档流，需要使用 left、top、right、bottom等属性进行精确地定位。可以运用z-index属性进行层叠。（使用绝对定位时如果出现元素飘动，没有在你指定的位置上，可以在元素的父级元素上使用相对定位。“个人建议”）
relative：相对定位，对象不脱离文档流，无法像absolute一样进行层叠，但依然要使用 left、top、right、bottom等属性进行正常文档流中相对原来的对象位置进行移动，原位会被其他元素占据。
fixed：固定定位，脱离文档流，可以使元素在屏幕上保持固定位置，即使滚动条下拉元素位置也不会改变。
Demo：待补充
个人思考：如何使用clear属性