2

当我处理我的一个项目时，我发现 CSS box-sizing 属性在 Firefox 中不会自动继承。但是，Chrome 会为您完成这项工作。就我而言，它就像：

<form style="box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;"> <input id="input1"></input> <input id="input2"></input> </form>

box-sizing 属性不会被 firefox 中的两个输入继承。

我以后应该手动将它添加到子节点吗？我错过了什么大会吗？

谢谢！

4

3 回答 3

1

正如您从链接中看到的那样，该box-sizing属性不是继承的（默认情况下） - 事实上，文本<input>元素的计算box-sizing值是content-box（不指定类型属性将默认为text），就像大多数元素一样 - 按钮和某些替换元素如<meter>, <textarea>,<progress>等等都有一个计算box-sizing值border-box

我不太确定是什么让您认为 Chromebox-sizing从其父级继承了价值。如果您查看计算的样式，它会清楚地说明box-sizing: content-box;。

http://jsfiddle.net/4ghd6/1/

于 2013-06-03T21:43:20.067 回答
0

你总是可以尝试

form, form * {box-sizing: border-box;}
于 2013-06-03T21:44:41.997 回答
0

我通常将它添加到我的 CSS 中——通常是在重置之后。

看看这个Box-sizing

您缺少 box-sizing: border-box; -

*{ 框尺寸：边框框；

-moz-box-sizing：边框框；-webkit-box-sizing：边框框；IE 不需要供应商特定的 CSS -ms-box-sizing:border-box; 不需要

于 2013-06-03T21:45:20.417 回答