為什麼相鄰兩個div標籤之間有間隔(預設邊距已清除)

時間 2021-09-06 20:19:12

1樓:匿名使用者

但是你的div標籤的邊距沒有去掉

2樓:

div連起來寫 沒有空格就好了

3樓:好程式設計師

兩個div之間的空隙通常情況下是由於容器溢位或者主動設定空隙造成。

容器溢位的原因是:

1、div內元素高度或者寬度總和比設定的div的height或者width引數要大,還有就是瀏覽器對div引數的解析造成(比如在ie7中,設定一個div float:right,如果再設定其margin-right:***px;,則有可能會產生右邊實際margin-right:

2***px的效果)。再有就是未設定某項值時,系統預設值導致。樓主的**中極有可能是由於內部元素沒有設定margin-top引數或者margin-top設定過大,導致上層div溢位。

2、由於兩個相鄰div之間主動設定了margin空隙,如圖,div2(也就是下面的動畫或者**所在的div)設定了margin-top大於0的情況。就會導致兩個div之間存在空隙。

4樓:葉落紅塵

是inline-block的問題,

為什麼兩個div標籤之間有空隙?

5樓:sunny皇家妖孽

因為瀏覽器把元素當成了字,空隙是給一些對齊字母后仍然長出一截的預留的.

解決方法:

把body的font-size 設定成0;

這樣做的時候要記得下面寫div的時候給元素指定字號。

6樓:

兩個div之間的空隙通常情況下是由於容器溢位或者主動設定空隙造成。

容器溢位的原因是:

1、div內元素高度或者寬度總和比設定的div的height或者width引數要大,還有就是瀏覽器對div引數的解析造成(比如在ie7中,設定一個div float:right,如果再設定其margin-right:***px;,則有可能會產生右邊實際margin-right:

2***px的效果)。再有就是未設定某項值時,系統預設值導致。樓主的**中極有可能是由於內部元素沒有設定margin-top引數或者margin-top設定過大,導致上層div溢位。

2、由於兩個相鄰div之間主動設定了margin空隙,如圖,div2(也就是下面的動畫或者**所在的div)設定了margin-top大於0的情況。就會導致兩個div之間存在空隙。

css+div佈局如何消除兩個div之間的間隙問題?

7樓:嬰恩美母嬰

這個問題不復雜,也不難理解。

你要知道有的元素本身是有padding值的,ul,ol 標籤水平方向預設有padding值,

同樣的,p,ul,ol,dl 標籤垂直方向預設有margin值。

所以你會在別的專案裡看到樣式充值;就是reset.css;這裡面會把所有的預設值統一或者去掉。

回到你的問題;你只要在css裡申明;ul就可以了

8樓:匿名使用者

黃色部分是外邊框(margin),它是屬於ul的,和div無關。只有把ul的margin清除才會成功

9樓:222傻豬

因為ul 有預設的邊距,你可以在css 的頭部設定

*這樣就可以消除所有你所用類的預設內外邊距了,如果需要的話再在個別的元素裡設定。

10樓:請輕親青草

css樣式加*

11樓:杰倫

因為 ul標籤預設有間隙,你不要的話就要加margin:0; 來去除

12樓:忘記呼吸的貓

因為ul自帶有padding

請問兩個div之間的上下距離怎麼設定

13樓:匿名使用者

設下邊距為10畫素

設上邊距為10畫素

如果兩個放在一起,那中間的距離就是20畫素. 也可以只指定上邊div的下邊距(或下邊div的上邊距).

14樓:驚寒唱晚

樓上說的是一種方法,yanzilisan183設下邊距為10畫素

設上邊距為10畫素

如果兩個放在一起,那中間的距離就是20畫素. 也可以只指定上邊div的下邊距(或下邊div的上邊距).

此外,還可以用padding(內邊距)來定義,padding-top:10px; padding-bottom:10px; 定義上(下)邊距為10px;

此法的好處是,當有浮動存在的時候,可以解決ie6的雙邊距問題。

兩種方法視情況而定 :)

如何給兩個div之間設定一個間距?html

15樓:沙雕動態圖

設定兩個div之間的間距的方法:

先定義兩個div,div裡面分別有一段話。

2.分別給兩個div加上不同的背景色,方便看到div的位置。

3.設定div的margin;使兩個div之間的間距擴大。

這樣讓兩個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;

16樓:純潔的小樹

可以使用css margin 屬性,控制兩個div的距離定義和用法margin 簡寫屬性在一個宣告中設定所有外邊距屬性。該屬性可以有 1 到 4 個值。

說明

這個簡寫屬性設定一個元素所有外邊距的寬度,或者設定各邊上外邊距的寬度。

塊級元素的垂直相鄰外邊距會合並,而行內元素實際上不佔上下外邊距。行內元素的的左右外邊距不會合並。同樣地,浮動元素的外邊距也不會合並。允許指定負的外邊距值,不過使用時要小心。

註釋:允許使用負值。

例子 1

margin:10px 5px 15px 20px;

上外邊距是 10px

右外邊距是 5px

下外邊距是 15px

左外邊距是 20px

例子 2

margin:10px 5px 15px;

上外邊距是 10px

右外邊距和左外邊距是 5px

下外邊距是 15px

例子 3

margin:10px 5px;

上外邊距和下外邊距是 10px

右外邊距和左外邊距是 5px

例子 4

margin:10px;

所有 4 個外邊距都是 10px

17樓:蕭聲巷陌

用margin

或者你用一個div補進去,這個div什麼內容也沒有,只是佔位置的

寬度高度自己設定,不是就一樣效果了

18樓:匿名使用者

當然是用margin啦

或者你用一個div補進去,這個div什麼內容也沒有,只是佔位置的

寬度高度自己設定,不是就一樣效果了

19樓:不敵_似水流年

可以設定外邊距啊,margin

什麼叫相鄰的兩個自然數?每相鄰的兩個自然數相差多少

首先自然數是從0開始的非負整數,連續的兩個自然數,如56與57,409與410就是相鄰和自然數。自然數指的是包括零及零以上的整數,例如1 17 135 999等任何的整數,那麼相鄰的兩個自然數就指的是兩個數想減 大減小 差是1的,比如3和4,再比如108和109 兩個自然數之間相差1。比如0和1,1...

相鄰兩個常用的面積單位之間的進率是多少

娛樂咕嚕嚕 相鄰兩個常用的面積單位之間的進率是100。1 常用的面積單位有 平方千米 平方米 平方分米 平方釐米 平方毫米。2 他們之間的進率為100,即 1平方千米 100平方米 10000平方分米 1000000平方釐米 100000000平方毫米。 路禮慄煙 1001平方米 100平方分米 1...

家裡有兩個孩子,該怎麼平衡兩個孩子之間的關係?

家裡如果有兩個孩子,想要平衡好兩個孩子的關係,家長一定要一視同仁,不可以偏心,只有這樣,兩個孩子才能感覺到幸福。家中有兩個孩子,父母對待孩子應該公平,不能偏心,也要讓兩個孩子相親相愛。家長要做到一視同仁,對兩個孩子不要有偏愛。對於孩子在平時生活中的一些不好行為也要有所約束,有錯誤就要批評,有優秀的地...