CSS：布局的三种机制要点

1、普通流（标准流）

（1）、块级元素会独占一行，从上到下顺序排列

     常用元素：div、hr、p、h1-h6、ul、ol 、table、dl、form

（2）、行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行。常用元素span、a、i、em等

2、浮动

让盒子从普通流中浮起来，主要作用让多个块级盒子一行显示

3、定位

将盒子定在浏览器的某一个位置--CSS离不开定位，特别是JS特效。