格旁边浮球随宽度

Question

到div的我的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; } 

它工作得很好。但对于一些元素我想申请以下更改： 当我添加宽度到点域类布局去扑火：与元素点域下与现场标签类元素出现类。整个表格的容器宽度足以容纳字段标签 & 字段类。

为什么会发生这样的事情，我错过了一些CSS基础知识？

谢谢你，帕维尔

Answer 1

你可能会更好用的跨度，而不是div的此布局，因为跨度内联元素，他们可能会表现得比较好的div。另外，你有一个生动的例子吗？

Answer 2

如果标签和字段应该出现在同一行上，那么必须在二者之间有一个宽度足够宽的宽度以容纳另外两行。

Answer 3

您是否考虑到宽度中不包含填充，边距等？