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,裡面連兩杯可樂都沒有,只送了一杯中杯可...