margin css的外邊距

h2

div......
<
h2>這是乙個標題
h2>
<
div>
<
h2>這是又乙個標題
h2>
div>
本例中，第乙個h2的margin-bottom（10px），div的margin-top（20px），第二個h2的margin-top（10px）將被合併，它們之間的margin間隙最後是（20px），即取三者之間最大的那個值。

語法：margin：[ | | auto

] | inherit

預設值：看每個獨立屬性

適用於：所有元素，除非 table | inline-table | table-caption 的**類元素之外

繼承性：無

動畫性：是

計算值：看每個獨立屬性

相關屬性：[ margin-top ] || [ margin-right ] || [ margin-bottom ] || [ margin-left]

取值：auto：水平（預設）書寫模式下，margin-top/margin-bottom計算值為0，margin-left/margin-right取決於可用空間。詳見：margin系列之keyword auto

： 用長度值來定義外補白。可以為負值

： 用百分比來定義外補白。水平（預設）書寫模式下，參照其包含塊 width進行計算，其它情況參照 height ，可以為負值

說明：檢索或設定物件四邊的外延邊距。

h2

div......
<
h2>這是乙個標題
h2>
<
div>
<
h2>這是又乙個標題
h2>
div>
本例中，第乙個h2的margin-bottom（10px），div的margin-top（20px），第二個h2的margin-top（10px）將被合併，它們之間的margin間隙最後是（20px），即取三者之間最大的那個值。

父元素與第乙個/最後乙個子元素 會合併 margin

外邊距合併（外邊距塌陷）

使用margin定義塊元素的垂直外邊距時，可能會出現外邊距的合併。當上下相鄰的兩個塊元素相遇時，如果上面的元素有下外邊距margin bottom，下面的元素有上外邊距margin top，則他們之間的垂直間距不是margin bottom與margin top之和，而是兩者中的較大者。這種現象被稱...

外邊距塌陷 外邊距合併

1.父子塊級 元素外邊距塌陷 子元素加margin top,父元素也加margin top,如果父元素沒有設定margin top,那預設0,取的是其中最大 的值,這個效果作用父元素身上啦 原因 他倆共用乙個外邊距 解決 方法一 給父元素加 border padding 方法二 給父元素加overf...

內邊距和外邊距

內邊距，在邊框和內容區之間的空白區域。padding 屬性接受長度值或百分比值 或者auto 不允許為負值 1.四個方向內邊距一致時 padding 10px 元素距離外部父元素給邊框的距離均為10px 2.四個方向還可按著上 右 下 左的順序分別定義各內邊距 padding 10px 5px 10...