margin使用两大bug

第一大bug

塌陷现象（两种解决方法）

1.在父级标签里面设置overflow：hidden;属性；（超出隐藏）

2.在父级标签里面设置边框，边框颜色为透明（transparent），多出来的盒子边框要消除。

2.1在宽度和高度上减掉多出的像素。

2.2在父级标签里面设置box-sizing: border-box;属性。

第二大bug

margin合并/重叠

当两个相近的盒子，同时设置margin-top和margin-bottom时，取最大值并吞噬掉小值（只需要给其中一个盒子设置最大的像素，避免外边距重叠。）