前端基础拾遗之CSS篇

盒子模型

CSS 中的每个元素都被表示为一个矩形的盒子，每个盒子有四个边：content edge, padding edge, border edge, and margin edge。

box-sizing： content-box(默认)，border-box ，padding-box(deprecated)。

content-box 下盒子实际宽度不等于 width，不包括 padding 和 border 部分，布局计算不方便。border-box 下盒子实际宽度与 width 相等。