margin上下边距重叠的两种情况

很多初学者对HTML中margin的外边距初有了解，所了解的基本概念是margin是盒子模型的外边框，包括上右下左四个属性。而且两个盒子左右边框之间的距离为左右边距的叠加值，而两盒子上下的距离为二者上下margin值中最大的那一方的值。 但是还有一种情况是两盒子上下距离为二者上下margin值的和，这种情况为设置float浮动后，上下边框叠加不遵守原规则。 举个例子： 如上图所示，是一个外边框宽为

>>阅读原文<<