在CSS3中盒模型分为两种:
一种就是我们所熟知的标准盒模型
![标准盒模型](https://www.icode9.com/i/i/?n=17&i=blog/1258515/201710/1258515-20171023230013051-545804378.png)
而另一种就是所谓的怪异盒模型或者IE盒模型
![怪异盒模型](https://www.icode9.com/i/i/?n=17&i=blog/1258515/201710/1258515-20171023230320941-1160589931.png)
由上图我们可以知道
在标准盒模型中width和height指的是盒子内容的宽高,而在怪异盒模型中wdith还包含了border和margin区域
通过在文档首部添加doctype申明,即表明使用标准盒模型,而如果不添加,就会由浏览器自己决定来显示何种盒子模型。
标签:盒子,模型,height,标准,添加,概述,怪异
来源: https://www.cnblogs.com/ken134207/p/12350092.html