IE盒模型和标准盒模型有什么区别? 怎样使 IE7、8使用标准盒模型?box-sizing:border-box有什么作用

IE盒模型：

0_1480775469467_IEbox.jpg

IE 盒子模型的范围包括 margin、border、padding、content，width=border+padding+content
标准盒模型

0_1480775612982_标准盒模型.jpg

W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分，width= content

添加 <!doctype html> 使用标准盒模型

box-sizing:border-box：通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度，模拟IE盒模型规范。

文章转载于:https://www.jianshu.com/p/dc70fdf75ea7

原著是一个有趣的人,若有侵权,请通知删除

本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自起风了，原文地址《IE盒模型和标准盒模型有什么区别? 怎样使 IE7、8使用标准盒模型?box-sizing:border-box有什么作用》