div css裡padding和margin到底有什麼區別

2021-04-09 01:02:52 字數 1739 閱讀 8614

1樓:匿名使用者

看看css盒模型,下圖!

margin是 div與周邊元素的距離

padding是 div裡邊內容與這個div的距離

2樓:匿名使用者

padding是讓div2距離

div1離有一段

距離margin是讓div2本身離瀏覽器邊距或專有一段距離

全為div形式的話,建議使屬用margin

3樓:勇氣和激情

padding是內撐

margin是外撐

css中margin和padding的區別

4樓:青鳥中關村專家

margin指的是外邊距,padding指的是內邊距。

外邊距就是指盒子與頁面之間的距離

內邊距就是內容與盒子之間的距離

上圖就把內外邊距的卻別表示出來了

5樓:每日打卡營

如上圖margin指的是外部邊距,如上圖:粉色區域。

padding指的是內部邊距。如上圖:綠色區域

6樓:好程式設計師

一、padding

1、語法結構

(1)padding-left:10px; 左內邊距

(2)padding-right:10px; 右內邊距

(3)padding-top:10px; 上內邊距

(4)padding-bottom:10px; 下內邊距

(5)padding:10px; 四邊統一內邊距

(6)padding:10px 20px; 上下、左右內邊距

(7)padding:10px 20px 30px; 上、左右、下內邊距

(8)padding:10px 20px 30px 40px; 上、右、下、左內邊距

2、可能取的值

(1)length  規定具體單位記的內邊距長度

(2)%       基於父元素的寬度的內邊距的長度

(3)auto    瀏覽器計算內邊距

(4)inherit 規定應該從父元素繼承內邊距

3、瀏覽器相容問題

(1)所有瀏覽器都支援padding屬性

(2)任何版本ie都不支援屬性值「inherit」

二、margin

1、語法結構

(1)margin-left:10px; 左外邊距

(2)margin-right:10px; 右外邊距

(3)margin-top:10px; 上外邊距

(4)margin-bottom:10px; 下外邊距

(5)margin:10px; 四邊統一外邊距

(6)margin:10px 20px; 上下、左右外邊距

(7)margin:10px 20px 30px; 上、左右、下外邊距

(8)margin:10px 20px 30px 40px; 上、右、下、左外邊距

2、可能取的值

(1)length  規定具體單位記的外邊距長度

(2)%       基於父元素的寬度的外邊距的長度

(3)auto    瀏覽器計算外邊距

(4)inherit 規定應該從父元素繼承外邊距

3、瀏覽器相容問題

(1)所有瀏覽器都支援margin屬性

(2)任何版本ie都不支援屬性值「inherit」

三、margin和padding的區別用圖表示為

padding和margin有什麼區別呢

在css中margin是指從自身邊框到另一個容器邊框之間的距離,就是容器外距離。在css中padding是指自身邊框到自身內部另一個容器邊框之間的距離,就是容器內距離。下面講解 padding和margin常用的用法 一 padding 1 語法結構 1 padding left 10px 左內邊距...

div css絕對和相對定位有哪位給出說解

相對定位是普通流定位,相對定位的元素出現在它在普通流該出現的位置,普通流你可理解為文件流就行了。這個佔空間的。例子 內容1內容2 內容3現在這個就是內容4的位置,比如內容4是相對定位的,他就該出現在內容4這個位置。就是說這個位置是它的起點,如果將top設為40px那他就出先在它該出現的位置 內容4 ...

布里淵簡介和布里淵散射,布里淵簡介和布里淵散射

布里淵散射 能量傳遞 這是一種光與物質作用後的一種光現象。很早人們就發現了光與物質相互作用的現象,如瑞利散射,它使大氣顯藍色 如丁達爾散射在乳濁懸浮液中的表現為顆粒的半氏散射。我們稱以上為彈性散射,其入射光頻率與反射光頻率一樣。從彈性反射的名稱中我們能夠體會到為其取名的人是何等自信光就是粒子。既然有...