盒子的大小是内外边距加上
box-sizing:content-box
盒子大小为width + padding+ border(以前默认的)box-sizing:border-box
盒子大小为width
如果盒子模型我们改为了 box-sizing:border-box
,那 padding
和 border
就不会撑大盒子了(前提padding和border不会超过width宽度)。
盒子模型是指:外边距(margin)+ border(边框) + 内边距(padding)+ content(内容)
我们每次设置的 width
和 height
实际上是 content
的部分