absolute 絕對定位 一共有四個屬性值 top/right/bottom/left
position:absolute;
top:20px;
絕對定位的參考點就是他的父級。同理，如果父級沒有定位屬性，就查詢他的爺爺級.....
相對定位與絕對定位結合使用
通常情況下，在對元素設定絕對定位的時候，不想讓其相對於頁面發生偏移，則會選其最合適的祖元素設定為相對定位。
fixed 繫結定位 與絕對定位的特性基本一致，但差別是始終相對整個文件進行定位；
設定透明度 opacity:0~1
z-index的空間位置
概念：z-index 屬性設定元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。
//元素可擁有負的 z-index 屬性值。 z-index:-1;
//z-index 僅能在定位元素上奏效（例如 position:absolute;）！
hidden 設定超出部分隱藏 父子集div，給父級新增overflow:hidden ，子集可直接margin-top
scroll 設定超出部分出現滾動條
visible 設定超出部分顯示（預設值）
auto 設定自適應顯示滾動條以便檢視其餘的內容。
CSS定位，相對定位，絕對定位
position relative 表示相對定位。對乙個元素進行相對定位，即指通過設定垂直或水平位置，讓這個元素 相對於 它的原點起點進行移動。如果將top設定20px，那麼框將在原位置頂部下面20畫素的地方 如果將left設定為30畫素，那麼會在元素左邊建立30畫素的空間，也就是將元素向右移動，如...
CSS 相對定位和絕對定位
1.position relative 如果對乙個元素進行相對定位，首先它將出現在它所在的位置上。然後通過設定垂直或水平位置，讓這個元素 相對於 它的原始起點進行移動。再一點，相對定位時，無論是否進行移動，元素仍然佔據原來的空間。因此，移動元素會導致它覆蓋其他框 2.position absolut...
CSS 絕對定位與相對定位
前幾天遇到了上班的第乙個難題，專案想要實現這樣的效果 實際效果比視覺圖上下多了兩截。但是，聰明如我怎麼可以在我的第乙個頁面上屈服呢！於是在光明正大地看了其他 類似效果的原始碼之後，我也get到了這個技能！原來這裡是用到障眼法，分別畫出兩個細成一條線的div，分別為.border first和.bor...