A. CSS+DIV布局如何消除兩個div之間的間隙問題
這個問題不復雜,也不難理解。
你要知道有的元素本身是有padding值的,ul,ol 標簽水平方向默認有padding值,
同樣的,p,ul,ol,dl 標簽垂直方向默認有margin值。
所以你會在別的項目里看到樣式充值;就是reset.css;這裡面會把所有的默認值統一或者去掉。
回到你的問題;你只要在css里申明;ul{padding:0;margin:0}就可以了
B. 怎麼讓兩個div之間沒有間距
給你個建議,如果寫出來效果和自己想像的不一樣,現在瀏覽器看效果圖,f12調出代碼,能幫你很快遭到問題點。
你這個問題,很大情況出現在div05中的這個p元素上,因為p元素有著默認的margin,你css將默認值寫成0,或者在css樣式中先去掉所有元素的margin,和pidding值,會省去很多麻煩
C. div+css問題,層之間的無縫要如何實現
只設置外邊距"margin"就行了!你是這么寫的嗎: padding:0,margin:0
這么寫吧,用第2個div:
.div2 {margin-top:0px:}
-----------------------------------
<div class="div2">直接在TXT文本裡面測試下,不要用其它工具寫。<div>
你用這個去測試下,看是你那有什麼問題:
.div1 {height:50px; border:1px solid red;}
.div2 {height:50px; margin-top:0px; border:1px solid black;}
---------------------------------------------------------
<div class="div1">第一個</div>
<div class="div2">第二個</div>
補充:
你怎麼是在css里的body裡面設置的,- -!要對應相應的元素!
D. 兩個div之間有空隙
如果是單純的2個div之間有空隙,跟裡面的內容是無關的,關鍵是div的樣式設置。
你這兩個div包含在一個大容器<div class="fastnew">內,如果要橫著排,
方法一:
可以設置容器fastnew的寬度,大小合適了,兩個div自然會擠到一起去,沒有空隙。
方法二:第一個div 即class=fastnewtop的針對空隙的樣式應為:
.fastnewtop
{
float:left;//讓它們漂移到一起去
margin-right:0;
}
而另一個div,我先給它設置class="name"樣式
.name
{
float:left;
margin-left:0;//如果還有空隙,可把值設置為負值,如-10px或更大的數值;
也可以設置你需要的空隙大小,如10px;
}
如果要顯示豎排,可以吧.name的margin-top設置為負值
E. 在Dreamweaver中,兩個div中間有空隙,該怎麼辦
你試試在div的style中加上overflow:hidden;
F. 兩個div之間有空隙怎麼回事呀
兩個DIV之間的空隙通常情況下是由於容器溢出或者主動設置空隙造成。
容器溢出的原因是:
1、DIV內元素高度或者寬度總和比設置的DIV的Height或者Width參數要大,還有就是瀏覽器對DIV參數的解析造成(比如在IE7中,設置一個DIV
float:right,如果再設置其margin-right:XXXpx;,則有可能會產生右邊實際margin-right:2xxxpx的效果)。再有就是未設置某項值時,系統默認值導致。樓主的圖片中極有可能是由於內部元素沒有設置margin-top參數或者margin-top設置過大,導致上層div溢出。
2、由於兩個相鄰div之間主動設置了margin空隙,如圖,div2(也就是下面的動畫或者圖片所在的DIV)設置了margin-top大於0的情況。就會導致兩個DIV之間存在空隙。
G. 如何給兩個div之間設置一個間距html
設置兩個div之間的間距的方法:
先定義兩個div,div裡面分別有一段話。
https://imgcdn.idongde.com/qa/2020/05/14/11/1589427563941074
2.分別給兩個div加上不同的背景色,方便看到div的位置。
https://imgcdn.idongde.com/qa/2020/05/14/11/1589427564428854
3.設置div的margin;使兩個div之間的間距擴大。
https://imgcdn.idongde.com/qa/2020/05/14/11/1589427564032783
這樣讓兩個div之間的間距擴大的問題就解決了。
(7)怎麼讓兩個div之間無縫擴展閱讀:
div常用屬性
1.Height:設置DIV的高度;Width:設置DIV的寬度。
2.margin:用於設置DIV的外延邊距,也就是到父容器的距離。margin:後面跟有四個距離分別為到父容器的上-右-下-左邊的距離;margin:[top][right][bottom][left]
3.padding:用於設置DIV的內邊距(內如子元素與DIV邊界的距離)。padding:後面跟有四個距離分別為到父容器的上-右-下-左邊的距離;
4.border:設置DIV的邊框樣式;
5.background:設置DIV的背景樣式;background後可直接跟背景的顏色、背景圖片、平鋪方式等樣式。
6.position:設置DIV的定位方式。position的屬性中有static、fixed、relative、absolute四個屬性。常用relative和absolute。
7.display:設置顯示屬性。其值有block、none;
8.float:設置DIV在頁面上的流向,其值有left(靠左顯示)、right(靠右顯示)、none;
H. 用css水平排列兩個div,不論我怎麼修改,兩個div之間總是有段縫隙,請高手幫看一下
是你border-left;border-right;border-top;border-bottom這些後面的solid 1px的緣故,你這樣就是給邊框給了寬,所以預覽的時候有空隙,你如果要邊框的話就給它加上顏色,border-left:solid 1px #CCCCCC;不要就去掉。
I. 怎麼在css 讓上下兩個div緊貼一起,不留空格
這個功能用css完全可以做得到,通過設置兩個div的margin就可以,如果離的遠,就用margin為負值,總之實現起來是可以的。
J. 求問,兩個div之間怎麼沒有間隔
使兩個DIV上下之間沒間距方法: 如果想上下兩個DIV間有距離的話,只需設定div中的margin屬性即可,本例中div屬性對全局DIV塊都適用,代碼如下: div{margin:5px;border:0;padding:0;} #Box1{ width:200px; height:72px; background-color:#666; ...