Question

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

如果你在ie7中查看我的链接fiddle，你会发现第一行的输入是偏移的。在其下方类似的跨度样式不会受到同样的问题。

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

有没有人对此进行修复或确实采用更简单的方式来设置样式？

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>

在ie7中输入浮动偏移错误

1 个答案: