是什么

CSS: 基础框盒模型CSS basic box model, 将所有元素表示为一个个矩形的盒子

组成 ：content padding border margin

怎么用

标准盒模型

• width/height 只是内容高度，不包含 padding 和 border值

怪异盒模型

• width/height 包含了 padding和 border值

转换

• box-sizing:border-box 包含padding和border
• box-sizing:content-box // 不包含padding和border

原理

FAQ