子元素使用了絕對定位,父元素怎麼高度自適應

2021-04-13 07:27:49 字數 2240 閱讀 4421

1樓:沃優爾

父元素高度設抄置為空或者

baiauto即可,如height:auto或者不要duheight;,舉例如下:

1.高度採用auto;

這裡是子集zhi內dao容,子集內容採用的是寬度780px,高度1000px,並且居中對齊;

這是父級內容,寬度為800px,高度自適應2. 高度不設定;如:

這裡是子集內容,子集內容採用的是寬度780px,高度1000px,並且居中對齊;

這是父級內容,寬度為800px

2樓:織一點

的,但是已經不包含絕對定位內的那個子元素了

容.可以給父元素加上一個 min-height 進行限制,如子元素是500px高,則父元素為 min-height:500px 這樣可以避免父元素高度小於子元素的情況

3樓:**ile翼深藍羽

絕對定位的元素已經脫離了文件流,父元素是不會隨子元素高度變化的。

4樓:別急_等你

position: relative;試試。

5樓:

父元素不設定高度,只給他一個內邊距

6樓:可靠的小巴

這個 好像做不到把 ? 說好是絕對定位

7樓:想活的更久

overflow:hidden

8樓:大佬a丶

子元素設定定位後,父元素最好設定固定的高度,這樣可以防止子元素在變換的時候影響到父元素,從而影響到整個頁面的佈局。

9樓:匿名使用者

用js吧,

復首先你的子元素是有高度的制

,所以bai就先獲取子元素du的高度,給你的子元zhi素設定一個dao

子元素相對父元素絕對定位之後父元素沒有高度怎麼辦

10樓:熱情的夢想

我是這麼理解問題的,題主父級元素設定position:relative作為參照物,

子元素設定position:absolute作絕內對定位,然後目標是希望父元

容素高度可以自適應子元素。

所以:子元素絕對定位,父級元素不能適應子級絕對定位元素的高度;

但是可以通過設定min-height屬性,設定最小高度,這樣父元素不會比絕對定位元素小,又能適應多出來的高度,基本就能解決問題了

11樓:↘蕝蝂·貨

直接用js設定父元素的高度為最後一個子元素的top+height即可

子元素使用了絕對定位,父元素怎麼高度自適應?

使用flex佈局,子元素怎麼高度自適應

12樓:千鋒教育

父元素copy高度設定為空或者

baiauto即可,如height:auto或者不要height;,舉例如下: 1.

高度du採用zhiauto; 這裡是子dao集內容,子集內容採用的是寬度780px,高度1000px,並且居中對齊; 這是父級內容,寬度為800px,高度自適應

當子級div使用絕對定位,父級div高度自適應問題

13樓:匿名使用者

又要父div自適應,又要子div絕對定位,是沒辦法做到的(至於我瞭解的暫時做不到)

因為自適應寬高是需要以文件流佈局為基礎的,而絕對定位已經脫離了文件流佈局了。

14樓:杜德杭斌蔚

要父div自適應要div絕定位沒辦做(至於我解暫做)

自適應寬高需要文件流佈局基礎絕定位已經脫離文件流佈局

父元素相對定位,子元素絕對定位,怎樣能使父元素隨子元素的高度變化而變化(css樣式)

15樓:言言言小魚

這位網友你好,絕對定位的元素已經脫離了文件流,父元素是不會隨子元素高度變化的。

父元素是絕對定位,子元素怎麼撐開

16樓:我慣得啊

希望子元素bai撐開父級元

du素可以使用以下兩zhi種方法:

1、父級元素寬度不固dao定,父級元素設定為inline-block或者版添權加float;

2、對父級元素使用min-width,這樣只限制了最小的寬度,如果子元素變寬,父級同樣會變寬;

jquery怎麼清空div的子元素

如需刪除元素和內容,一般可使用以下兩個 jquery 方法 remove 刪除被選元素 及其子元素 empty 從被選元素中刪除子元素 ajax cache false,success function html showresult empty showresult css color red 頁...

使用了動詞連用的的日記,使用了動詞連用的200字的日記

今天,我一早就做完了作業,媽媽見了,便走過來,對我說 和你玩個遊戲吧!好呀!我爽快地答應了。媽媽拿來一塊圓紙板,紙板中心用釘子固定一根可以轉動的指標。紙板被平均分成24個格,格內分別寫著1 24個數。媽媽,遊戲規則是什麼?你快說呀!我心急地說。遊戲規則很簡單,就是 指標轉到單數格或雙數格,都要加上下...

子元素用margin top 為什麼反而作用在父元素上?對使

在這個說明中,collapsing margins 摺疊margin 的意思是 2個或以上盒模型之間 關係可以是相鄰或巢狀 相鄰的margin屬性 這之間不能有非空內容 padding區域 border邊框 或使用清除分離方法 結合表示為一個單獨的margin。在css2.1中,水平的margin不...