1.CSS中的定位机制

标准文档流(Normal flow)

特点：

　　从上到下，从左到右，输出文档内容

　　由块级元素和行级元素组成

　　块级元素：

　　　　从左到右撑满页面，独占一行

　　　　触碰到页面边缘时，会自动换行

　　块级标签：

　　　　div、ul、li、dl、dt、p......

　　行级元素：

　　　　能在同一行内显示

　　　　不会改变HTML文档结构

　　 行级标签：

　　　　span、strong、img、input......

块级元素和行级元素都是盒子模型。

盒子模型=网页布局的基石，由四部分组成：

边框（border）、外边距（margin）、内边距（padding）、盒子中的内容（content）

设置顺序是顺时针：上、右、下、左。

三个值（上、左右、下）

两个值（上下、左右）

一个值（上下左右）

盒子的层次模型（由上到下）

边框（border）、盒子中的内容（content）+内边距（padding）、背景图像（background-image）、背景颜色（background-color）、外边距（（margin）

盒子模型的尺寸=边框（border）+外边距（margin）+内边距（padding）+盒子中的内容（content）

浮动（Floats）

绝对定位（Absolute possitioning）