CSS中position屬性詳解以及定位的說明

position的四個屬性值：
1. relative
2. absolute
3. fixed
4. static
一、相對定位（relative）
1. 定位參照位置：該塊對應文檔流中的位置。
2. 位置位移：通過設定left與top屬性。注意：1.位移後，在文檔流中的原位置還是會保留。2.位移是基於對象的margin的左上側的。
參見實驗1：http://blog.csdn.net/huang_xw/article/details/7300218
二、絕對位置（absolute）
1. 獨立於文檔流中。
2. 定位參照位置：
    a) 沒有設定top與left時, 該塊對應文檔流中的位置。這時與相對定位沒有什麼差別，只是獨立於文檔流外。參見實驗2：http://blog.csdn.net/huang_xw/article/details/7300228
    b) 有設定top與left時, 也分為兩種情況：
        若有父級元素有relative，就以該父級元素為定位參照體。參見實驗4：http://blog.csdn.net/huang_xw/article/details/7300245
        若沒有，則定位的參照體是body。參見實驗3：http://blog.csdn.net/huang_xw/article/details/7300234
3. 沒有width時，塊的寬度是內容的寬度。或者沒有height時，也是同樣的道理。
三、固定定位（fixed）
fixed是特殊的absolute，即fixed總是以body為定位對象的，按照瀏覽器的視窗進行定位。
四、靜態定位（static）
position的預設值，一般不設定position屬性時，會按照正常的文檔流進行排列。