【发布时间】：2014-03-23 00:05:17
【问题描述】：
我有一个宽度为 100% 的 div 和里面的段落。 div 的内边距为 1.1em。在 Chrome 上，一切都按预期工作 - div 跨越父级空间的 100%，段落由于填充而受到一点挤压。
但在 Firefox 上，div 会扩展到 100% + 填充。如何在 Firefox 上强制使用内部填充？
【问题讨论】：
【发布时间】：2014-03-23 00:05:17
【问题描述】：
如何在 firefox 上强制使用内部填充？
使用box-sizing: border-box; 作为元素，默认情况下，padding border 和 margin 被计算在元素之外。
使用box-sizing: border-box; 将改变盒子模型，这将使padding 和border 计入元素内部而不是外部。
Demo 没有box-sizing
Demo 与box-sizing
看到区别了吗？在第二个演示中，您不会看到水平滚动条，这里使用的是 border-box 值作为 box-sizing 属性。
【讨论】：
-
嗯，我尝试在使用 Firefox 检查时添加它，但它没有做任何事情。一旦放入样式表中就可以工作。