通过box-sizing设置主要有两种默认的content-box和新增的 border-box
content-box的实际宽度为width+padding+border+margin
width不包含padding、border
在宽度和高度之外绘制元素的内边距和边框。
border-box的实际宽度为 width+margin
width包含padding、border
通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。
通过box-sizing设置主要有两种默认的content-box和新增的 border-box
content-box的实际宽度为width+padding+border+margin
width不包含padding、border
在宽度和高度之外绘制元素的内边距和边框。
border-box的实际宽度为 width+margin
width包含padding、border
通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。