static：無特殊定位，對象遵循正常文檔流。top，right，bottom，left等屬性不會被應用。
relative：對象遵循正常文檔流，但將依據top，right，bottom，left等屬性在正常文檔流中偏移位置。而其層疊通過z-index屬性定義。
absolute：對象脫離正常文檔流，使用top，right，bottom，left等屬性進行絕對定位。而其層疊通過z-index屬性定義。

什麽是文檔流？ 文檔流是將窗體自上而下分成一行行, 並在每行中按從左至右的順序排放元素,即為文檔流。只有三種情況會使得元素脫離文檔流，分別是：浮動、絕對定位和相對定位。

 在實際開發當中，通常都是我們相對定位搭配絕對定位使用。例如下面偽代碼

 <div class="content">
            <div id="content_body1">
                   //圖片代碼塊
              </div>
        </div>

            CSS
            .content{
                    clear: left;
                    margin: 0 auto;
                    position: relative;
                    width: 990px;
            }

         .content_body1{
              overflow: hidden;
                    position: absolute;
         }

         這裏用兩個div包了一個圖片段代碼。外層div采用了相對定位，內層采用了絕對定位。 為什麽這樣做呢？ 這樣的好處是，先把圖片代碼塊固定在外層的div當中（<div class="content">），如果需要挪動圖片位置。直接操作外層的div即可。這樣就避免了直接挪動圖片影響了頁面的其它布局     
 

開發中如何合理使用CSS的相對定位和絕對定位