盒模型结论一：没有（就是没有设置width的）宽度的元素始终会扩展到填满其父元素
的宽度为止。添加水平边框、内边距和外边距，会导致内容宽度减少，减少量等于水
平边框、内边距和外边距的和。
盒模型结论二：为设定了宽度的盒子添加边框、内边距和外边距，会导致盒子扩展得
更宽。实际上，盒子的width属性设定的只是盒子内容区的宽度，而非盒子要占据的水
平宽度。
为什么我要这么不厌其烦地演示没有宽度的盒子和有宽度的盒子，在被添加了边框、内边
距和外边距时所表现出来的不同行为呢？这两种盒子所表现出来的完全不同的行为，对将
来构建多栏布局具有重要的启示。因为在多栏布局中，每一栏都必须时刻维护自己的宽
度。对于将会讨论的“浮动布局”，在列宽由于边框、内边距和外边距被修改而意外加宽的
情况下，会出现显示错误。
总之，你要记住一点：设定了元素的width属性后，再给元素添加边框、内边距和外边距，
元素的行为与默认的auto状态下会有截然不同的表现。
image.png
image.png
