一、position
relative相對定位
（1）參考物件是自己，即自己原來所在位置的左上角為座標系的原點
（2）移動後，之前的位置依舊保留，不會被其他元素占用
（3）可能導致元素重疊
absolute絕對定位
（1）參考物件是position!=static的最近的祖先元素（如果沒有就以頁面文件的初始位置為參考點）
（2）脫離文件流，即直接在文件流中刪除，元素原來的位置會被占用
（3）可能導致元素重疊
（4）可以通過z-index設定層疊次序，值越大越靠上層，越難被其他元素覆蓋；
static預設值
始位於應該在的位置，static元素會忽略任何top、bottom、left、right和z-index的宣告
fixed生成絕對定位的元素；可定位於相對於瀏覽器視窗的指定座標。元素的位置通過left、top、right、bottom屬性進行規定。不論視窗是否滾動，元素都會留在那個位置；
二、body中定位乙個div，使用fixed和absolute的區別
兩者都會脫離文件流，均不再占用空間；
absolute會隨著滾動條的拖動而變化，fixed不會；
在遮罩層中最好使用fixed代替absolute，這樣即使在滾動的時候也可以一直蓋住整個視窗；
三、遮罩層的實現
使用z-index屬性以及定位來實現
.overlay
.lightbox
CSS定位之position詳解
在前端中，position是很常見的屬性。通過這個屬性可以調整dom元素在瀏覽器中顯示的位置。它有幾個常用的屬性 其中relative position fixed比較難於理解，下面就介紹下這三個 看意思是相對定位，那麼是相對什麼進行定位呢？其實是相對它原本的位置。比如學生站隊，教練喊小明。小明出隊...
CSS學習之position定位
定位在css中可謂是布局的常用手段，配合浮動能使網頁布局更加的靈活多變，今天跟大家一起分享下學習定位的一點小結 css中預設不開啟定位，其元素的position屬性預設值為static。若想要元素定位，則需手動開啟定位，即設定position的屬性值可選為 relative，absolute，fix...
CSS元素之position 定位
值 屬性inhert 規定應該從父元素繼承 position 屬性的值。static 預設值。沒有定位，元素出現在正常的流中 忽略 top,bottom,left,right 或者 z index 宣告 relative 生成相對定位的元素，相對於元素本身正常位置進行定位。因此，left 20 會向...