盒模型

正常盒模型  content-box

width和height设置的是content-box

padding和border会额外往外填充,不会压缩宽高

但,正常盒模型在布局时并不好用。

一般情况下,我们都会使用

box-sizing:border-box

宽高设置的就是border-box,设置完成后,如果再添加border或padding都会压缩content-box的尺寸

posted @ 2018-12-16 16:49  安孜然  阅读(108)  评论(0编辑  收藏  举报