CSS 布局机制

一、CSS布局的三种机制

　　　网页布局核心---就是用CSS来摆放盒子

　　　　CSS提供了三种机制来设置盒子的摆放位置，分别是普通流（标准流）。浮动与定位，其中：

　　1.普通流（标准流）

　　　块级元素会独占一行，从上向下顺排列；  常用元素：div hr p  h1-h6  ul  ol dl form table 

　　　行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行；  常用元素： span  a  i em 

　　2.浮动

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

　　3.定位

　　　　将盒子定在浏览器的某个位置----CSS离不开定位，特别是后面的js特效

二、为什么需要浮动？

　　　　因为一些网页布局需要，标准流不能满足需求，因此需要浮动来完成网页布局

       2.1 什么是浮动？