简单盒模型图解

• 1什么是盒模型：盒模型又称框模型（Box Model）,包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如图：

2：IE模型元素宽度width=content+padding，高度计算相同
![](https://img-blog.csdnimg.cn/20190810093913453.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE03IE模型元素宽度width=content+padding，高度计算相同

来源：https://blog.csdn.net/weixin_45147044/article/details/99053674