浮動數字旁邊的文本框，無法正確顯示

Question

我有3個簡單的textareas，旁邊有數字。我之前使用過一個CSS表格來顯示它們，但我需要稍後在每行之間添加內容，因此效率不高。

由於某種原因，第二個數字「2」在1的旁邊）。我不明白爲什麼會發生這種情況。

的jsfiddle：http://jsfiddle.net/b5h7p/

HTML：

<div style="float:left;">1)</div> 
<div style="width:90%; float:right;"> 
    <input type="textarea" style="width:100%;"> 
</div> 
<div style="float:left;">2)</div> 
<div style="width:90%; float:right;"> 
    <input type="textarea" style="width:100%;"> 
</div> 
<div style="float:left;">3)</div> 
<div style="width:90%; float:right;"> 
    <input type="textarea" style="width:100%;"> 
</div> 

Answer 1

組浮動與clear

標記的div

<div style="float:left;">1)</div> 
<div style="width:90%; float:right;"> 
    <input type="textarea" style="width:100%;"> 
</div> 
<div class="clear"></div> 

CSS

.clear{ 
    clear:both; 
} 

Fiddle Demo

• Clear Docs
• Float