CSS的宽度包含Padding和Border的宽吗？

发布者 xiaoqiao 发布时间 1400985626951
关键字 所有文章前端

如题，非常奇怪，我记得是不包含的，

.toolbar {
    width: 98%;
    height: 35px;
    padding: 7px 10px 9px 10px;
}

但在CHROME的调试器里看到的DOM实际高度是19, 即: 35-7-9 = 19, 求解！

回复 (1)

#
#1 kris 1401007369203
IE过去使用非标准的“border-box"例子模型，此时width、height会包含border和padding的width/height；这不符合W3C的标准，但是编程方便；

标准的box model的width/ height是不含线框和padding的；这也是Firefox/Chrome的默认模式，不过可以通过CSS来改成跟老IE一样的"border-box“的模式，如
```
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
```
你可以观察一下原来的CSS里有没有这样的语句。

微信扫码立即评论

开源的 OurJS

OurJS开源博客已经迁移到 OnceOA 平台。

关注我们

扫一扫即可关注我们：
OnceJS

OnceOA

OnceOA