css 父級div絕對定位影響子級div的問題

2021-07-02 23:40:55 字數 2521 閱讀 3000

1樓:

你還需要好好理解容器的絕對定位和相對定位:

1、預設最外層的容器一般都不採用絕對定位,也就是最外層的容器不設定position,一般都是要麼居中要麼居左。

2、當要設定某個容器絕對定位,一般都是相對父容器。否則不同解析度的客服端就會出現定位錯位的問題。

3、如何設定相對父容器的絕對定位?比如:

2樓:匿名使用者

div定位問題,absolute,絕對定位,是對整個頁面來說的,一般父級的div用相對定位,子級的div用絕對定位就肯定不會錯的,你可以試一試!

3樓:匿名使用者

調整子級div的top和left,注意:父級有position定位屬性,那麼子級的position定位是相對距離子級最近的具有position的父級來說的,父級無position則相對body

4樓:匿名使用者

隱藏的div不可以是絕對定位(這樣它就只相對於頁面而不是父層的div)。如果要在**中的這個位置放這個層,可以考慮**中用兩個層,上一層用於放其它的東西,然後用層高度來安排這個隱藏層的位置。

5樓:勿之心

給**加乙個position: relative;

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

6樓:匿名使用者

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

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

7樓:杜德杭斌蔚

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

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

css 子級加了絕對定位 父級撐不開

8樓:匿名使用者

9樓:匿名使用者

.div01// 加個float:

子div設定了position:absolute,父div設定了position:relative的時候,子div如何能把父div撐開?

10樓:

1、作為外部容器的邊框為紅色的div,沒有被撐開。這是因為內部的div因為float:left之後,就丟失了clear:

both和display:block的樣式,所以外部的div不會被撐開。

2、在容器div內要顯示出來的float:left的所有的div之後,我們新增了這樣的乙個div:

。3、在用dojo做drag & drop的時候,由於這個div是容器div的乙個子節點,如果這個節點被移動,則會造成排版上的bug。

4、要顯示的藍框的div被移到這個div之後,則因為clear:both,它會被強制換一行顯示。

5、修改原來的html**,讓外部的容器div來使用這個css即可。

11樓:

你子元素都絕對定位,脫離文件流了還想撐開。按樓上說的用js

12樓:慕惠年華

用css似乎是解決不了,用個簡單的js吧

13樓:匿名使用者

絕對定位是撐不了父級標籤的高度的,想對定位可以。

想對定位如果撐不開高度可以在父級標籤後面加..clear

這樣就可以了

14樓:匿名使用者

如果自適應子元素裡面是文字,同時無需相容到ie8以下的的話,可以給子元素新增word-break: keep-all來曲線實現

或者子元素新增 width:max-content

css中,父級和子級可以都使用絕對定位嗎?

15樓:匿名使用者

雖然語意不是很通,不過如果效果能達到你想要的,並且沒發現什麼bug這麼寫也沒什麼問題

16樓:

bug這麼寫也沒什麼問題。

為什麼父div裡面的子div會重合?css+div布局問題

17樓:鰟鮍魚

如果乙個元素設

bai置了絕對du

定位position:absolute,他就會脫離文件流zhi,即使dao你沒有設定偏移屬性,版它原來佔權的位置也會讓出來,所以排在絕對定位了的元素後面的元素會跑上去,到前面絕對定位了的元素原來所在的位置,所以就重疊了

如果你只是想要用z-index這個屬性又不想破壞布局,可以用相對定位position:relative;,相對定位元素是乙個「佔著茅坑不拉屎」的傢伙,意思就是即使它設定了偏移屬性而離開了它原來的位置,它原來的位置也不會讓出來給別人的,好像它沒有離開一樣

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

兩個都自適應高度不好嗎,如果一定要aa跟bb那只能寫js 你沒有設定高度,怎麼來的自適應呢?我認為預設不設定高度適應的都是內容的高度,不論這個內容來自於子div還是父div 我以前也遇到過這個問題,我用的是js解決了這個問題。你可以試一下 document.getelementbyid aa sty...

如何把ul標記放在div上面,用css

您好 首先ul元素必須放在div中。如果像你說的li元素文字在div下面了。可以用絕對定位方法,改變ul的位置。只需設定position屬性為absolute即可,然後設定top和left值。還可以設定ul的z index樣式為100.這樣他就會在div上面而不會被div遮擋了。ul div是指選擇...

css如何把div永遠置於頁面的底部

position fixed bottom 0 這個方法簡單好用。運用這個css把div永遠置於頁面的底部 利用絕對定位,然後設定底部距離為0。這個div如果位置在所有div的後面,那麼只要前面的div 的高度夠高的話,它的位置就會在頁面的頁面的底部的,一般想你這種說的要讓他在頁面底部的話都是頁面高...