box-sizing

162 阅读1分钟

content-box

默认值,标准盒模型

尺寸计算公式:width=内容的宽度

                        heigh=内容的高度

border-box

尺寸计算公式:width=border+padding+内容的宽度

                        height=border+padding+内容的高度

通常设置宽高的时候都是设置width和height,那么选择不同的盒模型,内容的宽高就不一样。需要注意的就是这一点。