浮动设置之处是为了适用于文字的环绕，后来发现用浮动能解决一些页面布局中的问题，就用于页面的布局上了。float可以设置float:left | right | none.
设置浮动的元素有以下特性：
1.设置float的元素 会脱离文档流，往设置的方向进行浮动，直到遇到父级的边界或者其他的浮动元素 就会停止。如图示
2.浮动的元素撑不开父级的高度
3.浮动对块级元素的影响：设置浮动之后，块级元素的宽度不再跟随父级宽度，而是内容决定(内容撑开宽度)
4.浮动对行级元素的影响：可以设置这个元素的尺寸以及按照盒模型对其解释描述
清除浮动的方法
1.给父级设置高度
2.clear:left | right | both;只能清除设置元素上面的浮动
3.父级div设置overflow：hidden；
对父级CSS选择器加overflow:hidden样式，可以清除父级内使用float产生浮动。优点是可以很少CSS代码即可解决浮动产生。
4.通过after伪元素清浮动：如图示
