Chailo的博客

如果你举例子尝试的话会发现一个问题，display: inline-block元素垂直和水平方向也会产生一个间隙，而这个间隙在实际开发中会让我们的页面不那么严谨。

两个块级元素的上外边距和下外边距可能会合并（折叠）为一个外边距，这就是外边距折叠。

谈谈BFC吧，最近面试经常问，这点内容感觉自己答得总是不那么顺畅。一、定义：块级格式化上下文，可以理解为一个容器，这个容器内的物品不会被其他容器影响，也不会影响其他容器。如果一个元素符合触发BFC的条件，则BFC中的元素布局不受外部影响。二、触发条件： 根元素：body； 元素设置浮动：float 除 none 以外的值； 元素设置绝对定位：position (absolute、fixed)； display 值为：inline-block、table-c