html - 浮动会导致 IE7 中的行之间出现不需要的空间

Question

我有多行样式如下所示。“searchLine”类用于每种线型。这在 IE8、Chrome 和 Firefox 中运行良好。但是在IE7中，每行之间都有不需要的空间。当 float left 被移除时，这条不需要的线可以被移除。

1. 使用浮点数时出现这种不需要的空间的原因是什么？

注意：我知道我们可以用 overflow:auto 而不是 float:left 来修复它。但我试图了解这种行为的原因。

有关完整代码，请参阅http://jsfiddle.net/Lijo/sSnGA/1/。

    .searchLine
    {
        float: left;
        width: auto;
        min-width: 700px;
        height: auto;
        margin: 1px 1px 1px 1px;
        padding: 0 0 0 0px;
        border: 1px solid Cyan;
    }

参考：

1. 使用“<select>”时，Div 行为不正确；使用“<input>”时工作正常

Answer 1

min-width 在 IE7 中无法正常工作，有时甚至根本无法正常工作，尽管我忘记了细节。您可能需要处理 IE 的“haslayout”来修复它。

Answer 2

如果从 .searchLine 类中删除“float:left”，空格就会消失。