html validator：
http://validator.w3.org/
css validator：
http://jigsaw.w3.org/css-validator/
盒子模型：內容、padding、border、margin
當元素設置為絕對定位后，元素也會 多出兩類屬性：偏移量屬性 和 Z-index屬性
不同的是：
1.該元素已經(jīng)脫離了標準文檔流（不占位）
2.建立的定位基準不是該元素的原來位置，而是分兩種情況
2.1：沒有設置偏移量：無論是否存在已定位的祖先元素，都保持在元素初始位置，脫離文檔流，寬度塌陷（隨內容變化而變化）
2.2：設置了偏移量：又分兩種情況（A.無已定位的祖先元素 B.有已定位的祖先元素）
A.無已定位的祖先元素:它會以根節(jié)點（<html>）為偏移參照基準
B.有已定位的祖先元素:它會以距其最近的已定位祖先元素為偏移參照基準
絕對定位不在文檔流中（不會占位置，寬度及長度顯示隨內容增減而增減
絕對定位實現(xiàn)布局:設置margin-top的參考物是content此時上面的元素，設置top的參考物是其絕對定位的父元素
