關於 position 的設定

2021-09-01 02:37:49 字數 406 閱讀 8891

"position"用於常見的定位設定,主要包括absolute、relative、fixed

一:absolute絕對定位相對於瀏覽器視窗左上角移動或static 定位以外的第乙個父元素進行定位。設定完成後它會脫離原來的文件流(一般情況有絕對定位必有相對定位)。

position: absolute;

left: px

top: px

二:relative相對定位相對於其起始位置進行定位。

position: relative;

left: px

top: px

三:fixed固定定位相對於瀏覽器視窗左上角進行定位,設定完成後不隨網頁上下左右移動而移動。

position: fixed;

left: px

top: px

關於position的層級

在層級比較多的頁面中,經常會出現被遮蓋的情況。下面用例項來講講這個問題的解決方法。其實宗旨就一條 第乙個父元素的層級一定要比第二個父元素的層級要高。先看一下不如意的 父級元素1 子級元素1 父級元素2 子級元素2 不如意的顯示效果 父級元素1 子級元素1 父級元素2 子級元素2 正確顯示結果 總結 ...

關於css中的position

對於position的幾個屬性 static 無特殊定位,物件遵循html定位規則 absolute 將物件從文件流中拖出,使用left,right,top,bottom等屬性進行絕對定位。而其層疊通過z index屬性定義。此時物件不具有邊距,但仍有補白和邊框 relative 物件不可層疊,但將...

關於position 定位問題

頁面想實現滑鼠移動到乙個電影的時,在當前電影上覆蓋乙個新的div,顯示電影的詳細資訊,遇到了乙個問題 關於新的div如何能精準的覆蓋在原div上 解決方案 通過設定父元素的position為relative 然後讓新的div的position為absolute,這樣新的div會對應原父元素的位置進行...