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

Question

我使用的是 css 样式 max-width:236px，它可以为 chrome/IE 生成准确的 View ，但不能在 Firefox 中生成。为了为 Firefox 生成相同的内容，我需要提供 max-width:219px;在这种情况下，IE/chrome 无法正常工作。对于跨浏览器问题，我如何在 max-width 属性中给出两个不同的值。你的建议很有值(value)。谢谢。

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

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

Answer 1

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

Firefox 的默认文本框包含比 IE/Chrome 更多的填充。 box-sizing: border-box; 将宽度更改为包括 填充，这与将两者相加以获得绝对宽度的标准方法相反。

编辑: Paulie_D在上面的评论中发布了相同的答案，只是为了在到期时给予额外的信任。