带有宽度的div旁边的div

Question

我有html：

<div class="field-label"><label>Email: </label></div>
<div class="field"><input class="input" ......></div>

和一块css：

.field-label  { clear:left; float:left; padding:0.5em; width:6em;  }
.field { padding:0.5em; }

它工作正常。但对于某些元素，我想应用以下更改： 当我将宽度添加到 .field 时，类布局变为闪耀：带有 .field 的元素出现在带有field-label类的元素下。整个表格的容器宽度足以容纳字段标签＆amp ;; 字段类。

为什么会发生这种情况，我是否错过了css基础知识？

谢谢，Pawel

Answer 1

您是否考虑过宽度不包括填充，边距等？

Answer 2

对于此布局，您可能最好使用跨度而不是div，因为跨距是内联元素，它们可能比div更好。另外，你有一个实例吗？

Answer 3

如果标签和字段应该出现在一行上，那么你必须在两行周围有明确的宽度，以包含另外两行。