margin值重疊問題怎么解決？

1.同向margin的重疊：

1圖片的margin-top與3圖片的margin-top發生重疊，2圖片的margin-bottom與3圖片的margin-bottom發生重疊。

這時候重疊之后的margin值由發生重疊兩片的最大值決定；如果其中一個出現負值，則由最大的正邊距減去絕對值最大的負邊距，如果沒有最大正邊距，則由0減去絕對值最大的負邊距。解決同向重疊的方法：

（1）在最外層的div中加入overflow:hidden;zoom:

1（2）在最外層加入padding:1px;屬性（3）在最外層加入：border:1px solid #cacbcc;2.異向重疊問題：

1圖片的margin-bottom與2圖片的margin-top發生重疊，這時候重疊之后的margin值由發生重疊兩圖片的最大值的決定的。

解決異向重疊問題：

float:left（只能解決IE6瀏覽器中的異向重疊問題，可以解決IE8以上、chorme、firefox、opera下的同向重疊問題）