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

2021-03-30 15:22:12 字數 3508 閱讀 5911

1樓:鰟鮍魚

如果乙個元素設

bai置了絕對du

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

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

父級div裡布局3個子div,父級css設定左浮動,為什麼子div 沒反應?

2樓:夷茹

父級設定浮動沒用的,你給三個子集設定浮動就可以了。。。浮動是同級的

3樓:匿名使用者

因為父浮動沒用,得你媽浮動,子div才會浮動

4樓:

不知道你想要什麼效果,問題描述不清楚啊

css布局時,div互相重疊是為什麼

5樓:老爐傳說

在做css+div布局是重疊有很多中情況,我給你分析分析

首先看看乙個容器套兩個字容器的情況,在我們做布局的時候網頁中div之間的關係基本都可以簡化到這種關係。

**如下

top1

top1sun1

top1sun2

下面我們來看一下那種方式可能會產生重疊

1、margin為負數的情況

現在我們將top1suan2的margin-top設定成-10px

可以看到top1sun2向上偏移了10個畫素,因此這中情況是可能產生重疊的。

2、絕對定位

這個不用解釋了,肯定可以產生重疊

3、父容器高度不固定,子容器使用float,看看父容器的兄弟容器會不會產生偏移

不使用float的時候是這樣的

**如下

top1

top1sun1

top1sun2

現在讓top1sun1、top1sun2的float都為left

你會發現,top2容器居然和top1發生了重疊

發生這種情況的原因是因為top1我們沒有設定固定高度,當他的兩個字容器向左浮動時,top1的高度就不會被他的子容器撐開了,這是我們可以選擇兩個方法給top1提供高度佔位,一種是設定固定高度,還有一種是設定top1的overflow為hidden(這種方式會讓父容器高度自適應字容器),現在我們把top1的overflow設定為hidden看下效果

布局達到了我們預想的效果(top1sun2因為設定了margin-top:-10px所以會往上偏移10畫素,多出的部分,因為父容器設定了溢位隱藏,所以看不到了)

6樓:

首先要清楚浮動 ,其次你還要看一下你寫的樣式有沒有調節

7樓:萌mengzhu主

看看是否是容器不夠大。或者設定了float

/*菜鳥求助*/ div+css布局問題:在父div中放入3個子div,怎麼老有一兩個跑到外面來啊?

div+css 布局,前兩個div 重疊,

8樓:言言言小魚

這位網友你好,看**應該是沒什麼問題,能把所有完整**貼出來嗎?

為什麼div中裡面嵌入幾個div,外層的div會溢位乙個畫素?

9樓:匿名使用者

當內部的超過外部的時候就會溢位 解決方法 精確計算到每乙個畫素 包括margin padding border 還有一種方法就是在外層加overflow:hidden的屬性 強制隱藏多餘的

前端div+css布局問題 5

10樓:匿名使用者

html在渲染domtree的時候,就像是搭積木一樣,大的div元素就相當於框框,或者積木的容器,而兩個小的子級元素就相當於要放進去的積木,左邊的積木放上去,那一層就算是搭滿了,右邊的元素只能往下放了。

!div的預設排列方式,是垂直層級排列的

當然這只是我的猜測,也可能是設定了float但是溢位了,如果題主能把**放上來那就更好了~

希望有幫到您。

11樓:

css**貼上來吧,不然真的沒法回答

div+css布局問題,我們想讓兩個div標籤併排,第2個為什麼老跑第乙個下去

12樓:

div的css,加float屬性。

另外兩個div的寬度之和不要超過他的父div,否則也會擠下來的。

13樓:大卓

給div加浮動float屬性就可以了,左浮動(float:left)或者右浮動(float:right)都無所謂只有寬度不超過他們的父元素的寬度就ok,最後加上乙個clear屬性來清除浮動,防止下面的元素發生錯位現象。

把下邊**貼到網頁的body裡面

第乙個第二個

14樓:

css樣式

.div1

.div2

//兩個子div寬度不能超過大div的寬度,不然就會排到下面去。

15樓:匿名使用者

你把每個標籤都用上浮動float

css+div布局中float:left具體解釋? 5

16樓:匿名使用者

我嘗試過您說的兩種方法都是會重疊的

float浮動,會脫離文件流(但是文字不會),前面的div浮動了,後面的div就會上前佔位,就會出現重疊,如果是情況二,前兩個要一排,最後的div在下一排單獨顯示,就給最後的div加

clear:both;

17樓:誒特頓

希望我的回答對你有幫助,用我的經驗並且結合當初學習的教程:

看到你的問題首先針對的問題是float浮動問題,你得顯示問題和position沒有一丁點關係,因此ab顯示和abc顯示的問題就是簡單的float設定問題,因此你所說的問題有沒有設定position效果都是一樣,你可以驗證一下。css中float的守則就是如果浮動就都浮動,如果不浮動就都不浮動,這樣能夠很有效的解決你上面的問題,但是也有特殊的情況:例如父div中有abc,a不浮動,bc浮動。

這樣也顯示正常。

至於原因我個人只能按照float脫離文件流來解釋了(可以理解成脫離了正常的文件顯示順序)。不知道對你有沒有幫助,下面給你乙個w3c教程的位址,很權威的標準教程,慢慢學習吧http://****

18樓:書香學程式設計

vue實踐-css樣式position/display/float屬性對比使用

兩個div設定了浮動,為什麼不和div同在一排

首先元素浮動並不代表它不和其它元素在同一層。如果你把它理解為ps的圖層那就錯了。在浮動以後它脫離了文件流的控制,但依然與其它元素在同一平面,只是被拿到一邊,待文件流排版完,再排版浮動流。望採納!的問題吧。兩個子div是併排的 你第乙個也要有浮動才行,如果乙個浮動乙個不浮動,相當於他兩個不再乙個層面的...

css布局時,div互相重疊是為什麼

在做css div布局是重疊有很多中情況,我給你分析分析 首先看看乙個容器套兩個字容器的情況,在我們做布局的時候網頁中div之間的關係基本都可以簡化到這種關係。如下 top1 top1sun1 top1sun2 下面我們來看一下那種方式可能會產生重疊 1 margin為負數的情況 現在我們將top1...

為什麼麥當勞肯德基裡面的可樂那麼貴,還是會有人買呢

禪的雲 這是沒辦法的事情,你不能點了肯德基裡面的漢堡包卻不點喝的吧,那多渴呀。要是從外面買可樂進來連我都做不出這種尷尬的事,索性也就多花個十幾塊錢買兩杯這裡面的可樂,就寫裡面的東西吃的舒心。我記得有一次端午節的時候推出了一個端午桶,108塊錢,打完折之後是98,裡面連兩杯可樂都沒有,只送了一杯中杯可...