1.什么是保证金崩溃？2、为什么塌陷时只出现在垂直方向？3.保证金崩溃如何解决？4.marginmerging（也叫marginfolding）5.浮动元素（使用BFC来包含floats）6.附例7.使用BFC防止文本换行8.在多栏布局中使用BFC9.双栏布局10.如何创建BFC？10.1.总结11.参考资料1.什么是margincollapse？尹荣辉——深入解析Margincollapse、BFC、ContainingBlock的关系。比如下面这种情况，上下框之间的距离应该是20px和40px，但实际上是20px。这是崩溃。
YAMA
*{边距：0;填充：0；}.wrapper{边框：10px纯黑色；/*溢出：隐藏；*/}.content{浮动：左；颜色：#fff；边距：2px；背景色：黑色；宽度：100px；高度：100px；}p{背景色：cadetblue；/*清除：两者；*/}下图中上图有overflow:hidden;，而后面没有p标签的属于块级元素，会忽略float，定位假设前的浮动元素不存在（但注意这是与之前的层模型不同）。下图下半部分是p标签加入clear:both;之后的意思是标签附近不允许出现浮动物体，（还有left和right对应的值），相当于清除了div标签的浮动特性。7.使用BFC防止文本换行有时浮动div周围的文本会环绕它（如下图左侧所示）但在某些情况下这是不可取的，我们想要的是下图的外观一样右边的图片。为了解决这个问题，我们可能会使用边距，但我们也可以使用BFC来解决它。YAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMA。YAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMA山间山YAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMAYAMA。div>.floated{浮动：左；边距：5px；}p{颜色：rgb(14,13,13);文本对齐：居中；*//*显示：内联块；*//*清除：两者；当然，某段视频的最后一句是打大会的最后一句。这可能是由于这样一个事实，即可以使用对于已安装（安排）的容器来说太大的房间。但是，如果我们在列布局中创建一个新的BFC，它将占用上一列填充后的剩余空间。
