浮动会在IE7中导致行间不需要的空间

Question

我有多行风格，如下所示。 “searchLine”类用于每种线型。这在IE8，Chrome和Firefox中运行良好。但在 IE7 中，每行之间都有不需要的空间。删除左侧浮动时，可以删除此不需要的行。

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. Div behave incorrectly when “<select>” is used; works fine when “<input>” is used

Answer 1

虽然我忘记了细节，但是在IE7中，

min-width无法正常工作，有时根本不工作。您可能需要处理IE的“haslayout”来修复它。

Answer 2

如果从.searchLine类中删除“float：left”，则该空格将消失。