float的使用
属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素
都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。具体如下：
float造成的效果使元素本身变成了类似于inline-block的元素使包裹它的元素忽略它的高度，即父元素没有了高度
如：给子元素box设置了height:100px;此时的父元素height也是100px。float的影响float使元素脱离了文档流按
照指定的方向发生了移动，直到它的外边缘碰到包含框或者另一个浮动的边框为止。浮动只会影响他后面的元素，
如果上面的元素不浮动，他也不会上去的 如果父元素太窄，无法容纳所有的浮动元素，无法容纳的浮动元素会换
行显示。以换行的那个元素为基准，如果有浮动元素的高度大于换行的那个元素，那么当换行元素换行时会被高的
那个元素”卡住”5.清除浮动影响的方式