CSS盒模型，在不同浏览器的差异
盒子模型有两种，分别是IE盒子模型和标准w3c盒子模型。
标准w3c盒子模型的范围包括 margin、border、padding、content，并且content部分不包括其它部分。
IE盒子模型的范围也包括 margin、border、padding、content，和标准w3c盒子模型不同的是：IE盒子模型的content部分包括了border和padding
我们开发一般是选择“标准 w3c 盒子模型”。怎么样才算是选择了“标准 w3c 盒子模型”呢？ 就是在网页的顶部加上 doctype 声明。那么所有浏览器都会采用标准 w3c 盒子模型去解释盒子，网页就能在各个浏览器中显示一致。
添加顶部声明如下：
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "www.w3.org/tr/xhtml1/d…">
作者：虚竹YOLO
链接：https://juejin.cn/post/6844903994028982280
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
在CSS的盒子模型中，有两个重要的选项，box-sizing:content-box和box-sizing:border-box
border-box定义的盒子，不会随着padding和boder的加入而增大盒子的占用空间
border-box限定了盒子模型的总面积
标签：box,w3c,盒子,模型,浏览器,border,CSS From： https://www.cnblogs.com/alwaysrun/p/17180687.html