position定位細節

position:absolute時,元素相對與最近的非static元素進行偏移瀏覽器

父級元素的偏移量起始點存在多個,選取優先級padding>contentit

若是父級含有padding屬性,那麼定位偏移量起始點是從padding算起,若是沒有padding,那麼偏移量起始點從content開始算起。io

而定位元素的偏移量的結束點也存在多個,選取優先級爲margin>border>padding>content。margin

也就是說四個控制偏移量的屬性,其實就這是這兩個點之間的距離。結束點爲margin的狀況要當心,由於margin老是透明的,有時候會出現一個定位失敗的假象。static

好比,你想讓一個元素靠父元素的右邊,right:0,可是,你不當心設置了定位元素的margin:10px,那麼看上去元素之間隔了10px,並無靠右。di

對於fiexd,偏移量結束點和absolute是同樣的,只是起始點是至關於當前瀏覽器視口。co

相關文章
相關標籤/搜索