盒子模型

Posted 童彪

tags:

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

  1.

  • 在标准模式下,一个块的总宽度= width + margin(左右) + padding(左右) + border(左右)

  • 在怪异模式下width已经包含了padding和border值,一个块的总宽度= width + margin(左右)

    2

  • .当设置为box-sizing:content-box时,将采用标准模式解析计算,也是默认模式;

    当设置为box-sizing:border-box时,将采用怪异模式解析计算;

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

IE盒子模型和标准W3C盒子模型

CSS盒子模型

CSS盒子模型

盒子模型

cssIE盒子模型和标准W3C盒子模型

W3C的盒子模型和IE的盒子模型