正常盒模型 content-box
width和height设置的是content-box
padding和border会额外往外填充,不会压缩宽高
但,正常盒模型在布局时并不好用。
一般情况下,我们都会使用
box-sizing:border-box
宽高设置的就是border-box,设置完成后,如果再添加border或padding都会压缩content-box的尺寸
正常盒模型 content-box
width和height设置的是content-box
padding和border会额外往外填充,不会压缩宽高
但,正常盒模型在布局时并不好用。
一般情况下,我们都会使用
box-sizing:border-box
宽高设置的就是border-box,设置完成后,如果再添加border或padding都会压缩content-box的尺寸