保证金崩溃的主要类型有两种：
- 相邻元素之间的边距崩溃
- 父元素和子元素之间的折叠边距
仅在后一种情况下，使用填充物或边框可以防止塌陷。另外，应用于父对象的
overflow与其默认值（
visible）不同的任何值都可以防止崩溃。因此，两者
overflow:auto和
overflow: hidden将具有相同的效果。使用时唯一的区别可能
hidden是如果父母的身高固定，则隐藏内容的意外结果。
一旦应用于父级，其他可以帮助解决此问题的属性是：
float: left / right
position: absolute
display: inline-block / flex
我应该补充一点，像往常一样，InternetExplorer是例外。更具体地说，在IE7中，当为父元素指定某种布局时，边距不会折叠
width。
