如何为Firefox / IE / Chrome应用最大宽度样式

Question

我正在使用css样式max-width:236px，它为chrome / IE生成精确视图，但在Firefox中没有。为了为Firefox生成相同的东西，我需要提供max-width:219px;在这种情况下，IE / chrome无法正常工作。如何为跨浏览器问题提供max-width属性中的两个不同值。你的建议很有价值。谢谢。

// IE/Chrome is good
textboxwidth {
  max-width: 236px;
}

// FireFox is good
textboxwidth {
  max-width: 219px;
}

Answer 1

将box-sizing: border-box;添加到您的样式中。

Firefox的默认TextBox包含比IE / Chrome更多的填充。 box-sizing: border-box;将宽度更改为 include 填充，而不是将两者加在一起以获得绝对宽度的标准方法。

编辑： Paulie_D在上述评论中发布了相同的答案，只是为了给予应有的额外余额。