（一）标准文档流：HTML元素默认的排列方式，简称为标准流
（二）浮动流：所谓浮动流是指通过浮动属性，将标准流中的HTML元素抽离出来，在标准流上面新建一个层，这个层里面的元素排列方式就是浮动流，浮动流中的元素被称为浮动元素
1.float：left、right、none
float:none默认，元素没有浮动，人处于标准流中
float:left元素向左浮动
float：right元素向右浮动
2.浮动的特性：
a.一个元素浮动后，它会从标准流中抽离出来，在标准流上面新建一个层
b.一个元素浮动后， 该元素在标准流中的原有位置会丢失，即标准流中的其它元素会忽视浮动元素的存在
c.浮动元素在浮动浮动流中遇到父元素边框或其它浮动元素时停止浮动
d.浮动的元素自动会变成块元素
e.浮动的元素宽度为最小宽度，即能够容纳下内容的宽度，为了方便控制元素，建议给浮动的元素加宽度
f.如果两个元素没有设置浮动，那么这两个元素上下间的距离，采用大的值兼容小的值的方法，但是如果两个元素有浮动，那么它们间的距离采用求和的方法
g.在同一个盒子中，如果一个元素浮动了，那么它后边的元素将会占据浮动元素之前的位置，但是标准文档流中的元素的内容不会被浮动元素遮盖，会呈现环绕效果
h.如果元素都是向右浮动，元素的顺序为逆序
i.当一个在浮动时，它会先分析其前面的元素是什么类型，如果是行内元素或行内块元素或前面的元素也是浮动元素，那么这个元素在浮动后会并排显示，如果它前面的元素是块元素，那么这个元素会在其下面新起一行浮动
3.浮动的弊端：塌陷
解决塌陷的三种方法：
a.给父元素设置一个固定的高度
b.给父元素加overflow：hidden;
c.给浮动元素的下一个兄弟元素加clear属性，属性值为left、right、both、none，使用最多的是both
4.浮动的应用
(1).让一个元素浮动：
    a.文字环绕效果
    b.首字下沉
(2).多元素浮动，页面布局
(3).网页的头部、导航、主体、页脚的制作方式