h2{margin:10px 0;} div{margin:20px 0;} ...... <h2>這是一個標(biāo)題</h2> <div> <h2>這是又一個標(biāo)題</h2> </div> 本例中,第一個h2的margin-bottom(10px),div的margin-top(20px),
第二個h2的margin-top(10px)將被合并,它們之間的margin間隙最后是(20px),
即取三者之間最大的那個值。
margin:[ <length> | <percentage> | auto ]{1,4} | inherit
默認(rèn)值:看每個獨(dú)立屬性
適用于:所有元素,除非 table | inline-table | table-caption 的表格類元素之外
繼承性:無
動畫性:是
計算值:看每個獨(dú)立屬性
相關(guān)屬性:[ margin-top ] || [ margin-right ] || [ >margin-bottom ] || [ margin-left]
檢索或設(shè)置對象四邊的外延邊距。
h2{margin:10px 0;} div{margin:20px 0;} ...... <h2>這是一個標(biāo)題</h2> <div> <h2>這是又一個標(biāo)題</h2> </div> 本例中,第一個h2的margin-bottom(10px),div的margin-top(20px),第二個h2的margin-top(10px)
將被合并,它們之間的margin間隙最后是(20px),即取三者之間最大的那個值。
父元素與第一個/最后一個子元素 會合并 margin
【 微信掃一掃 】