什么是盒模型？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了什么是盒模型？相关的知识，希望对你有一定的参考价值。
css盒模型是在网页设计中经常用到的css技术所使用的一种思维模型！
在网页中，css盒模型主要4个部分组成，有Content（内容）-Margin（外边距）-Border（边框）-Padding（内边距）
在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容，元素的补白，元素的边框，元素的边界四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。
一般可以将一个块元素看成一个盒子形状的模型。这个模型的主体部分是元素的内容部分。用来显示元素中的主要信息，这个部分由width（宽度）属性和height（高度）属性来控制。在内容部分之外是补白部分，由padding（补白）属性控制。在补白部分之外是元素的边框，由border（边框）属性控制。在盒模型的最外面是边界部分，由margin（边界）属性控制
*IE盒子模型的content部分把border和padding计算进去了
以上是关于什么是盒模型？的主要内容，如果未能解决你的问题，请参考以下文章