關於position 定位問題

2021-08-17 20:28:45 字數 271 閱讀 8085

頁面想實現滑鼠移動到乙個電影的時,在當前電影上覆蓋乙個新的div,顯示電影的詳細資訊,遇到了乙個問題:

關於新的div如何能精準的覆蓋在原div上

解決方案:

通過設定父元素的position為relative;然後讓新的div的position為absolute,這樣新的div會對應原父元素的位置進行定位,通過設定padding的值即可達到,在ul li的標籤內,使得每乙個新的div都是覆蓋在其原來的div之上,然後通過js**可以實現上述的功能

關於定位(position屬性)

1 absolute 2 fixed 生成絕對定位的元素,相對於瀏覽器視窗進行定位。當元素祖先的 transform 屬性非 none 時,容器由視口改為其父元素。3 relative 生成相對定位的元素,相對於其正常位置進行定位。不脫離文件流。4 static 預設值。沒有定位,元素出現在正常的流...

關於css中的position定位

通常會提到的position有幾種 position static 就是標準流定位,是預設設定 position relative 是相對定位,這個相對是相對於標準流的,所以顯然元素不會脫離標準流。position absolute 是絕對定位,元素脫離標準流並且參照父元素進行定位。position...

定位和position定位

定位有 普通流定位 浮動定位 相對定位 絕對定位 固定定位 特點普通定位 被稱為文件流定位,是頁面元素預設的定位方式 塊級 從上到下,獨佔一行 行級 從左到右,不獨佔一行 浮動定位 1.浮動元素脫離文件流,未浮動元素上前補位 2.浮動元素會停靠在父級元素的左邊或者右邊,亦或者緊跟其他元素邊緣 3.浮...