關於元素絕對定位的父元素問題

2021-08-27 01:12:36 字數 385 閱讀 8056

在乙個技術群裡看到別人爭論關於子元素絕對定位,父元素要是也是絕對定位了,子元素應該選擇以誰為參照物的問題,我剛開始想都沒想就覺得它應該選擇父元素的父元素為參照物,但是自己寫個例子測試了一下,發現自己被以前書上的那些教程引導錯了,經過測試發現子元素的如果是絕對定位,他的參照父元素應該選擇離它最近的乙個定位元素(相對於 static 定位以外的第乙個父元素進行定位),例子如下:

html**:

test

在主要的幾種瀏覽器中測試結果如圖:

現在發現,在研究技術方面不能全相信書上的結果,要自己去實踐才能得到更可靠準確的結果。

這我乙個的見解,歡迎朋友們指點!

浮動元素無法撐開父元素問題

首先我們看一下問題 content style class class content div class content div class content div class content div class content div div 容器可疑包裹div content但是如果我們設定了...

解決子元素設定浮動影響父元素問題

例 lang zh cn charset utf 8 body div0 div2,div3 style head class div0 class div2 div class div3 div div body html 此時父元素div0無法包含子元素,解決辦法 1.給父元素設定overflo...

子元素設定margin會影響父元素問題

參考 給子元素設定的margin結果作用在父元素身上,類似於 越級偽命令 問題的解決辦法有三種 1 為父元素設定padding。2 為父元素設定border。3 為父元素設定 overflow hidden 如果子元素不是div,p,h1等塊級標籤,而是a,span等行內標籤的話,則不會出現marg...