CSS中的margin屬性是控制元素外邊距的屬性。在某些情況下，兩個(gè)元素或者一個(gè)元素的內(nèi)部內(nèi)容和外部邊距會(huì)產(chǎn)生重疊，這時(shí)候就需要注意如何使用margin屬性來避免margin重疊的情況。

p{
margin: 20px 0;
}

如上面的代碼所示，在一個(gè)p標(biāo)簽中設(shè)置了上下margin都為20px。如果兩個(gè)p標(biāo)簽相鄰，它們的上下margin會(huì)重疊，這時(shí)候就需要采用如下的方法避免margin的重疊：

p{
margin-top: 20px;
}
p + p{
margin-top: 40px;
}

如上所示，通過設(shè)置相鄰元素的margin-top兩個(gè)不同的值，就能夠避免margin的重疊問題。

當(dāng)然，也可以通過設(shè)置padding屬性，將元素內(nèi)部內(nèi)容和margin隔開來避免margin的重疊，如下所示：

p{
padding: 1px 0;
margin: 20px 0;
}

通過設(shè)置padding值，就能讓元素內(nèi)部內(nèi)容與margin隔開，從而避免margin重疊的問題。