摘要：
在一个文档流中，盒子模型元素的位置会互相影响。 当一个BFC出现在文档流中时，BFC内部的盒子模型元素同BFC外部的元素之间的位置不会互相影响。 相当于BFC重新创建了一个文档流。 举例： 一个文档流中出现了一个float元素，float元素会影响后续出现的inline或者inline-block的 阅读全文
摘要：
PS：测试浏览器均为chrome。 首先说下负margin的影响。 正常html页面在显示时，默认是根据文档流的形式显示的。文档流横向显示时，会有一个元素横向排列的基准线，并且以最高元素的vertical-align设置为基准线，此元素的高度也为本行的高度。当横向空间不够，或者元素为block时，文 阅读全文
摘要：
首先明确，vertical-align只对inline-block和inline元素有效。 在说vertical-align之前，需要先说明一下什么是line box。 浏览器中显示的一行会包含多个非block元素（有block元素时就换行了），通过一个box可以把这一行包含起来，这就是一个line 阅读全文