css - ie7中输入的浮动偏移错误

Question

我正在研究一些跨浏览器的表单样式，并在 ie7 中遇到了问题。

如果您在 ie7 中查看我的链接小提琴，您会看到第一行的输入是偏移的。在其下方类似样式的跨度不会遇到相同的问题。

我正在测试的系统适用于我尝试过的所有其他浏览器。

有没有人可以解决这个问题，或者更简单的方式来设置它？

Answer 1

答案是在所有字段元素周围包裹一个 div 以消除 hasLayout 错误。

更多信息可以在这里找到：http: //my.safaribooksonline.com/book/web-development/css/9780321703392/the-usual-suspects/ch04lev1sec3

<form action="#" class="form-horizon">
<fieldset>
    <legend>Test Form</legend>
    <!-- div fixes hasLayout inherited margin bug in ie7-->
    <div>
        <label for="input-focused">Focused</label>
        <input type="text" id="input-focused" class="focus" value="focused input" />
        <label for="input-no-edit">Non editable</label>
        <span id="input-no-edit" class="no-edit-input">none editable</span>
    </div>
</fieldset>
</form>