[toc] ## 什么是容器盒子 正如人有两面，每个元素也都有两个盒子：`外在盒子`和`内在盒子`。 外在盒子负责元素是一行显示还是只能换行显示 而内在盒子负责宽高、内容呈现什么的。并且内在盒子这名字有点俗气，我们往往称之为容器盒子。 按照`display`属性值的不同 值为`block`的元素的盒子实际有外在的**块级盒子**和内在的**块级容器盒子**组成。 值为`inline-block`的元素的盒子实际实际是由外在的**内联盒子**和内在的**块级容器**盒子组成。 而值为`inline`的元素的盒子内外均是**内联盒子**。 所谓：**道生一，一生二，二生三，三生万物是也**