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

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

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

每相鄰兩個計數單位之間的進率是,每相鄰兩個長度單位之間的進率是多少

瀛洲煙雨 每相鄰兩個計數單位之間的進率都是 十 我們把這種計數方法叫做十進位制。十進位制基於位進位制和十進位兩條原則,即所有的數字都用10個基本的符號表示,滿十進一,同時同一個符號在不同位置上所表示的數值不同,符號的位置非常重要。基本符號是0到9十個數字。要表示這十個數的10倍,就將這些數字左移一位...

相鄰兩個長度單位之間的進率是多少

春天來了春天 長度單位有千米 米 分米 釐米 毫米,千米和米之間的進率是1000,其它兩個相鄰的單位間的進率是10。1千米 1000米,1米 10分米,1分米 10釐米,1釐米 10毫米,1毫米 1000微米,1微米 1000奈米,1奈米 10a。長度單位是指丈量空間距離上的基本單元,是人類為了規範...

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

長度單位 釐米 分米 米,每相鄰兩個單位之間的進率是。10 面積單位 平方釐米 平方分米 平方米,每相鄰兩個單位間的進率是。100 體積單位 立方厘米 立方分米 立方米,每相鄰兩個單位間的進率是。1000 故答案為 10,100,1000 兩個相鄰的面積單位之間的進率,等於這兩個相鄰的長度單位進率的...