理解 CSS 中 float 与 clear 属性

float: left; 属性将对象向左浮动，并脱离父盒子。

float: right; 属性将对象向右浮动，并脱离父盒子。

clear: 清理文档对象中这个盒子前的所有浮动盒子，但是对后继的盒子没有影响。

一个不浮动盒子默认宽度跟父合子一样，高度跟恰好包含所有的非浮动的直接子盒子。假如不存在不浮动子盒子。那么高度是零，也就是不被显示出来，当然了宽度还是跟父亲元素宽度一样。