什么是float样式？
让标签浮动起来，总体方向往上
right，left（右浮，左浮）
联合height，width使用，分别占用y方向和x方向多少，单位px或百分比（%）
作用对象不是页面，而是作用于在父标签的范围里面
对于float有什么神奇之处？
第一， 子标签浮动起来，父标签的样式原来靠内容撑起来，
子标签浮动相当于对父标签透明，没有内容
第二， 在最后添加 <div style="clear: both"></div>把float属性清除，
让子标签不透明，撑起父标签样式，并不改变float样式，太low
如何逻辑整理？
- float 让标签像木块一样浮动在水面一样，right,left定义浮动的大概区域，height,width定义木块大小
- float 让子标签透明，让父标签内容样式失效，最后添加 <div style="clear: both"></div>把float属性清除