因此，我们最近将浏览器支持政策更改为IE 8/9，Firefox，Chrome＆amp; Windows 7上的Safari，所有这些都以某种形式支持box-sizing: border-box;（有些需要前缀，例如-moz-）。这使我们能够创建宽度为45em的表单，使用宽度为21em且带有1em margin-right的标签（在标签和相关输入/选择之间创建一些空格），然后将选择/文本输入设置为23em。 Textareas是45em，我们使用带文本对齐的div右对齐按钮。表格完整完整，不需要特定于浏览器的调整！
然而，当我开始一个新项目时，昨晚我遇到了问题。我使用了这种技术但却无法使用它。输入都下降到下一行。我终于弄明白问题的根源是什么，但找不到一种方法（我喜欢）来修复它。这是我正在使用的标记：
<div class="input-pair">
<label for="mainBackgroundColor">Background Colour</label>
<input type="text" id="mainBackgroundColor" name="mainBackgroundColor" class="text color">
</div>
事实证明，我正在使用的回车和标签使其更容易阅读，并被转换为空格。所以标签和输入的实际总宽度是21em + 1em + 23em +一个空格，换句话说45em +一个空格，但容器只有45em。我在CSS中尝试了不同的白色空间值，没有运气。我真的不想把标签和输入放在代码的同一行 - 它看起来很糟糕而且不那么容易阅读。有没有人知道如何阻止这个新行和标签被空格替换？