html validator：
http://validator.w3.org/
css validator：
http://jigsaw.w3.org/css-validator/
盒子模型：内容、padding、border、margin
当元素设置为绝对定位后，元素也会 多出两类属性：偏移量属性 和 Z-index属性
不同的是：
1.该元素已经脱离了标准文档流（不占位）
2.建立的定位基准不是该元素的原来位置，而是分两种情况
2.1：没有设置偏移量：无论是否存在已定位的祖先元素，都保持在元素初始位置，脱离文档流，宽度塌陷（随内容变化而变化）
2.2：设置了偏移量：又分两种情况（A.无已定位的祖先元素 B.有已定位的祖先元素）
A.无已定位的祖先元素:它会以根节点（<html>）为偏移参照基准
B.有已定位的祖先元素:它会以距其最近的已定位祖先元素为偏移参照基准
绝对定位不在文档流中（不会占位置，宽度及长度显示随内容增减而增减
绝对定位实现布局:设置margin-top的参考物是content此时上面的元素，设置top的参考物是其绝对定位的父元素
