float是什么样式？

什么是float样式？

　　让标签浮动起来，总体方向往上

right，left（右浮，左浮）

　　联合height，width使用，分别占用y方向和x方向多少，单位px或百分比（%）

作用对象不是页面，而是作用于在父标签的范围里面

对于float有什么神奇之处？

　　　　第一，  子标签浮动起来，父标签的样式原来靠内容撑起来，

　　　　　　子标签浮动相当于对父标签透明，没有内容

　　　　第二，  在最后添加 <div style="clear: both"></div>把float属性清除，

　　　　　　让子标签不透明，撑起父标签样式，并不改变float样式，太low

如何逻辑整理？

1. float 让标签像木块一样浮动在水面一样，right,left定义浮动的大概区域，height,width定义木块大小
2. float 让子标签透明，让父标签内容样式失效，最后添加 <div style="clear: both"></div>把float属性清除