一。标准流（普通流/文档流）
所谓的标准流,就是标签按照规定好的默认方式排列
1.块级元素会独占一行,从上而下顺序排列
常用元素:div，hr,p,h1~h6,ul,ol,dl,form,table
2.行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行。
常用元素:span a i em
二.浮动
可以将div水平排列成一行
实现两个盒子左右对齐
总结:有很多布局效果,标准流没有办法完成,此时就可以利用浮动来完成布局,因为浮动可以改变元素标签默认的排列方式
网页布局第一准则,多个块级元素纵向排列找标准流,多个块级元素横向排列找浮动
三.定位
以上三种布局方式,都是用来摆动盒子的,盒子找到合适位置布局自然就完成了
注意:实际开发中,一个页面基本都包含了这三种布局方式