关于bootstrap".container"容器默认的before与after样式效果作用

使用bootstrap后,class为container的容器,会被默认加入以下样式

.container:before,.container:after{

display:table;

content:"";

clear: both;

}

这一段代码是防止上下边距崩塌,如何理解"上下边距崩塌"这个概念?比较直观的效果如下图所示