css - IE6 float 标签

Question

另一个 IE6(和 7) float 问题。 我在右边有一些 label，在左边有一些 input、textarea 和 span。 http://jsfiddle.net/VRErj/1/

我该如何解决？

编辑: screenshot

Answer 1

正如 My Head Hurts 所提到的，在 IE 7 及以下版本中清理是一种痛苦。您可以将您的标签/输入对包装在一个 div 中，并将 clearfix 类应用到它，您在这个页面上获得:http://www.positioniseverything.net/easyclearing.html .它看起来像这样:

<div class="clearfix">
    <label for="input1">input 1:</label>
    <input type="text" name="input1" id="input1" />
</div>
<div class="clearfix">
    <label for="input2">input 2:</label>
    <input type="text" name="input2" id="input2" />
</div>
<!--etc...-->

应该这样做。