格旁邊浮球隨寬度

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

您是否考慮到寬度中不包含填充，邊距等？