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