CSS盒模型

Posted xjy20170907

tags:

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

盒模型由里向外由content,padding,border,margin组成。

盒模型有两种标准,一个是标准模型,一个是IE模型。

盒模型的标准模型的宽高只是内容(content)的宽高。

盒模型的IE模型的宽高是内容(content)+填充(padding)+边框(border)的总宽高。

css如何设置两种模型?

/* 设置标准模型 */
box-sizing: content-box;

 /*设置IE模型*/
box-sizing: border-box;

 

原文:https://www.cnblogs.com/chengzp/p/cssbox.html

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

浅谈CSS中的盒模型

CSS3之盒模型

CSS布局盒模型CSS3弹性盒模型

CSS盒模型

CSS3总结四:盒模型(box)

2017年总结的前端文章——CSS盒模型详解