css - IE7 输入定位错误(粘!)

Question

查看此页面:http://jsbin.com/itufix使用 IE(页面自动启用 IE7 模式)。

在这里您将找到如何使用显示 block 呈现内联元素(输入和跨度)的示例。所有元素的边距和填充都设置为 0。如果您使用 IE (IE8-9) 的开发人员工具，您可能会注意到输入显示偏移量:1。

谁能解释一下实际发生了什么以及如何解决这个问题？

注意事项

1. 在输入中添加 float 可以解决这个问题，但这不是一个选项。我需要在没有 float 的情况下完成这项工作。
2. Input/span 及其 div parents 属性 hasLayout 值为 true!
3. 欢迎提供与此错误相关的任何信息。

更新:以下是有关如何使用样式的更多示例:http://jsbin.com/itufix/13 .每个字段下面都可以有描述，加上整个 div.form-item 可以 float (以防我需要多个字段)

Answer 1

如果你不能 float input(为什么？)那么你可以这样做:

*+html input {
    margin-top: -1px;
    margin-bottom: -1px;
}

http://jsbin.com/itufix/5

那是使用 a CSS hack因此解决方法仅适用于 IE7。