用文字来理解CSS中【浮动】

首先理解一下文档流：简单的说就是按照各种元素的规格形式进行排列，块元素每个占一行，行内元素可以在一行内从左到右排序。浮动和定位就相当于跳出这个规则，被抽出来漂浮在这些行文之上，进行对应的操作。

1.快速了解常见特性：
①.能把行内（内联）元素和块元素转换成行内块元素。
②.有浮动的元素后面如果跟着未浮动的元素（如包含的一些文字，背景图等），就会以环绕形式跟在浮动元素后面；
③.父元素无法被子元素撑开，自己玩自己的，除非这个父元素自己定义了相对的宽高。
④.横向浮动如果超出父元素的长度，之后的子元素会转到第二行。
**2.在style中的表现形式：**float:left/right;
3.清楚浮动有三种方式：
①.直接在父元素中写出：overflow：hidden;
②.在子元素的最后填写一个空的元素，其style=“clear:both”,意思是清楚左右浮动，both也可以是Left或者right用于清楚左或者右浮动。
③.最成熟也最常见的方法，也是最麻烦的。
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
最后，如果要考虑到IE的兼容性，最好加上：.clearfix{zoom:1;}，
该方法需要在要解除浮动的元素中加入到class里。如class=“clearfix”

还有其他重要内容或者有误，欢迎指正阐述！