CSS中應用position的absolute和relative的屬性製作浮動層

        折騰了好久，z-index設定的快到天文數字了，就是沒有預期的結果出來，很鬱悶了一陣子！
        我的浮動層結構大概如下：
                <div id="container">
                          <div id="content">
                          </div>
                </div>
         要實現的是content層的浮動。
         剛開始的時候想著通過z-index的值來實現不同的層，position屬性都沒有特別關注。但是結果怎麼也出不來，後來尋找資料得知position屬性可以理解為是本元素針對父元素的定位。只要把本元素的position屬性設定為：absolute，然後把父元素的position屬性設定為：relative，那麼本元素的left，top屬性就是針對父元素的值了，而不是正對document視窗了。
       本例中當container的position為relative時，content的position為absolute才有效。這時候content的left:0；top:0就不再針對document視窗了，而是針對id為container的這個div了。
       為了紀念白白逝去的無數光陰，也算是為自己的無知買單，寫此以備忘。