css的三种机制

css提供了3中机制来设置盒子的摆放位置，分别是：普通流、浮动和定位
其中：
1、普通流（标准流）
块级元素
特点：会独占一行，从上向下顺序排列
常用元素：div、hr、p、h1-h6、ul、ol、dl、from、table
行内元素
特点：会按照顺序，从左到右顺序排列，碰到父元素边缘会自动换行
常用元素：span、a、i、em等
2、浮动
让盒子从普通流中浮起来，主要作用让多个会计盒子一行显示
3、定位
将盒子定在浏览器的某一位置——css离不开定位，特别是js特效