1.CSS樣式position的值absolute/relative/fixed

參考文章：http://www.cnblogs.com/jiqing9006/archive/2012/07/26/2610586.html

總結(jié)：

（1）文檔流：fixed/absolute/relative都脫離了文檔流

（2）參照物的概念：

A.如果一個(gè)元素position為absolute，那么他絕對(duì)定位的參照對(duì)象為最近一個(gè)position值為relative的父元素，否則以最頂級(jí)父元素（非body也非html元素）為參照物——參照文檔中的元素

B.fixed則以當(dāng)前視窗為參照物——參照當(dāng)前視窗

（3）position:relative——標(biāo)記該元素為一個(gè)參照物

（4）position值為absolute的元素使用margin的情況（例如：margin-left:30px;margin-top:20px;）——主要確定margin的偏移參照點(diǎn)

A.top/right/bottom/left值為空時(shí)，以默認(rèn)偏移參照點(diǎn)進(jìn)行偏移（向右偏移30px，向下偏移20px）——默認(rèn)偏移參照點(diǎn)：該元素在文檔流中的左上角

B.top/right/bottom/left值不為空，margin的偏移參照點(diǎn)（元素根據(jù)參照物top/right/bottom/left定位之后，元素的左上角）