css - 带有 float 的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; }

而且效果很好。但对于某些元素，我想应用以下更改:当我将 width 添加到 .field 时，类布局会变得很乱:带有 .field 类的元素出现在带有字段标签类的元素下。整个表单的容器宽度足以容纳具有 field-label 和 field 类的元素。

为什么会这样，我是不是错过了 CSS 基础知识？

谢谢，帕维尔

Answer 1

你有没有考虑到填充、边距等不包括在宽度中？