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

2021-04-13 07:27:48 字數 2387 閱讀 2560

1樓:匿名使用者

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

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

2樓:杜德杭斌蔚

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

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

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

3樓:沃優爾

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

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

1.高度採用auto;

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

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

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

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

4樓:織一點

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

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

5樓:**ile翼深藍羽

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

6樓:別急_等你

position: relative;試試。

7樓:

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

8樓:可靠的小巴

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

9樓:想活的更久

overflow:hidden

10樓:大佬a丶

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

11樓:匿名使用者

用js吧,

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

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

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

12樓:熱情的夢想

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

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

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

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

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

13樓:↘蕝蝂·貨

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

浮動的父元素內有一個絕對定位的div,該div寬度不能自適應內容,而是受到父元素的限制,求解 10

14樓:純潔的小樹

absolute會導致父元素的邊界崩塌,也就是你這種寬度不受父元素限制。最方便的解決方法就是overflow:hidden

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

15樓:言言言小魚

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

css控制,子div的高度自適應父div的高度

16樓:匿名使用者

兩個都自適應高度不好嗎,如果一定要aa跟bb那隻能寫js

17樓:

你沒有設定高度,怎麼來的自適應呢?我認為預設不設定高度適應的都是內容的高度,不論這個內容來自於子div還是父div

18樓:元爍蒙沛兒

我以前也遇到過這個問題,我用的是js解決了這個問題。你可以試一下

document.getelementbyid("aa").style.

height=document.getelementbyid("bb").offsetheight;

19樓:匿名使用者

很簡單的,這個是你的套嵌錯誤啊,你把bb套嵌到aa裡面就好了。

這個佈局,aa的高度就自適應bb的高度了,分好主次就可以了。

子div高度自適應最高子div高度

方法一 給父div定一個高度 方法二 對父級div標籤閉合 前加一個clear清除浮動物件 方法三 給父div加 overflow hidden。css控制,子div的高度自適應父div的高度 兩個都自適應高度不好嗎,如果一定要aa跟bb那隻能寫js 你沒有設定高度,怎麼來的自適應呢?我認為預設不設...

怎麼讓div裡的內容自適應大小,怎樣使子div自適應父div的大小

自適應分為高度自適應和寬度自適應 高度自適應較好解決,將高度設為自動,如 aa寬度自適應將寬度設為百分比的方式,如 wai 寬度佔整個螢幕的98 且水平居中顯示 相較於單列內容自適應,多列較複雜,根據實際情況調整吧。把裡面的div給成百分比寬度 怎樣使子div自適應父div的大小 1 可以抄在每個圖...

css如何控制父div層隱藏子div層顯示

只需將父div設定為display none 即可,子div不設定display屬性!這樣父div就會被隱藏!display 屬性規定元素應該生成的框的型別。個屬性用於定義建立佈局時元素生成的顯示框型別。對於 html 等文件型別,如果使用 display 不謹慎會很危險,因為可能違反 html 中...