奇怪的 IE7 错误导致输入字段的布局问题答案

【问题标题】：Strange IE7 bug causing layout problems for input fields奇怪的 IE7 错误导致输入字段的布局问题
【发布时间】：2011-03-21 22:14:10
【问题描述】：

如果您在 IE7 或 IE8 兼容模式下查看，您会看到输入字段的第二列和第三列似乎要继承包含 div 的 100px 的左边距。即使将输入字段的左边距分配为 0，它仍然应用了这个神秘的 100px 左边距，但在 IE 的检查器中没有显示。

如果我删除列 div 的左边距，那么它会很好地排列，这就是第一列的字段排列正确的原因。

谁有这个 IE7 错误的解决方案？

【问题讨论】：

【解决方案1】：

您是否尝试过将表单元素包装在另一个没有属性的 div 中，它应该会破坏 hasLayout“链”。即以

的形式嵌套一个 div

【讨论】：

【解决方案2】：

我发现这个问题与 IE6&7 的一个关于 has-layout 的错误有关。如果表单域的父元素有布局，那么它会继承它的边距。我将边距提供的间距更改为填充，它解决了这个问题。

但是，如果有人有更好的解决方案让开发人员保留边距，那就太棒了，因为在设计中并不总是可以将边距更改为填充。

【讨论】：