盒模型

Posted anziran

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了盒模型相关的知识,希望对你有一定的参考价值。

正常盒模型  content-box

width和height设置的是content-box

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

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

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

box-sizing:border-box

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

以上是关于盒模型的主要内容,如果未能解决你的问题,请参考以下文章

盒模型——标准盒模型与怪异盒模型

浅谈CSS中的盒模型

什么是盒模型

标准盒模型与怪异盒模型

标准盒模型和怪异盒模型的差异

标准盒模型与IE盒模型