＃CSS 规定的定位机制有三种：
- 标准文档流（Normal flow）
- 浮动（Floats）
- 绝对定位（Absolute positioning）
＃标准文档流（Normal flow）
特点:
1.从上倒下，从左到右，输出文档内容；
2.有会计元素和航迹元素组成。
＃块级元素
特点:
1.从左到右撑满页面，独占一行；
2.触碰到页面边缘时，自动换行。
常见块级元素：
div、ul 、li 、dl 、dt 、p ...
＃行级元素
特点:
1.能在同一行内显示；
2.不会改变html文档结构。
常见行级元素：
span、strong、omg、input
＃块级元素 和 行级元素 都是盒子模型
从第一层到第五层依次为：
border、content+padding、background-image、background-color、margin。
＃自动居中一列布局
三个技能点：
1.标准文档流
2.块级元素
3.margin属性
#warp { width: 770px; margin: 0 auto; }
<body> <div id="warp"></div>如果想让页面自动居中，当设置margin属性为auto的时候，不能再设置浮动活或绝对定位属性
＃浮动布局 （CSS中规定的第二种定位机制）
float 属性：
1.left － 左浮动
2.right －右浮动
3.none －不浮动
特点：
元素会左移，或右移，直至触碰到容器为止。
设置了浮动元素，仍旧处于标准文档流中。
当元素没有设置宽度值，而设置了浮动属性，元素的宽度随内容的变化而变化。
当元素设置浮动属性后，会对相邻的元素产生影响，相邻元素特指紧邻后面的元素。
＃清除浮动的常用方法
1.clear属性－常用
clear:both／left ／right；
2.同时设置 width:100%（或固定宽度）＋overflow:hidden;
＃绝对定位布局
position定位：
拥有3种定位形式：
1.静态定位 static;
2.相对定位 relative;
3.绝对定位 absolute( 绝对定位) ,fixed(固定定位 )。
＃相对定位
特点：
1.相对于自身原有位置进行偏移；
2.仍处于标准文件流中；
3.随即拥有偏移属性和z-index属性。
＃绝对定位
特点：
1.建立了以包含块为基准的定位；
2.完全脱离了标准文档流。
3.随即拥有偏移属性和z-index属性。
@未设置偏移量
特点：
1.无论是否存在已定位祖先元素，都保持在元素初始位置。
2.脱离了标准文件流。
@设置偏移量
偏移参照基准：
1.无已定位祖先元素，以<html>为偏移参照基准。
2.有已定位祖先元素，以距其最近的已定位祖先元素为偏移参照基准。
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
