position的值, relative和absolute分别是相对于谁进行定位的?
生活随笔
收集整理的這篇文章主要介紹了
position的值, relative和absolute分别是相对于谁进行定位的?
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
relative: 相對定位,相對于自己本身在正常文檔流中的位置進行定位 相對它原來的位置,在走100px。原來在標準流中的位置繼續占有。
absolute: 生成絕對定位,相對于最近一級定位不為static的父元素進行定位。(子決父相)。
fixed: (老版本IE不支持)生成絕對定位,相對于瀏覽器窗口或者frame進行定位跟父元素沒關系。不隨著滾動條的滾動而移動。固定在瀏覽器可視窗口的位置。
static: 默認值,沒有定位,元素出現在正常的文檔流中。相當none 沒有定位的意思。沒有邊偏移我們幾乎不用。
position: sticky;基于用戶的滾動位置來定位。
粘性定位的元素是依賴于用戶的滾動,在position:relative與position:fixed定位之間切換。
它的行為就像position:relative;而當頁面滾動超出目標區域時,它的表現就像position:fixed;,它會固定在目標位置。
總結
以上是生活随笔為你收集整理的position的值, relative和absolute分别是相对于谁进行定位的?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 机器学习之 weka学习(一)weka介
- 下一篇: 机器学习之 weka学习(二)算法说明