JS相关

IE盒模型和标准盒模型有什么区别? 怎样使 IE7、8使用标准盒

2016-12-04  本文已影响192人  Maggie_77

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盒模型规范。

上一篇 下一篇

猜你喜欢

热点阅读