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

文本框旁边的浮动数字无法正确显示

1 个答案: