Html 浮动导致IE7中的行之间出现不必要的间距

Html 浮动导致IE7中的行之间出现不必要的间距,html,css,cross-browser,Html,Css,Cross Browser,我有多行样式如下所示。“searchLine”类用于每个线条样式。这在IE8、Chrome和Firefox中运行良好。但是在IE7中,每行之间都有不需要的空间。移除左侧浮动时,可以移除此不需要的线 当使用float时,产生这种不需要的空间的原因是什么 注意:我知道我们可以用overflow:auto而不是float:left来修复它。但我正在试图理解这种行为的原因 有关完整的代码,请参阅 .searchLine { float: left; wid

我有多行样式如下所示。“searchLine”类用于每个线条样式。这在IE8、Chrome和Firefox中运行良好。但是在IE7中,每行之间都有不需要的空间。移除左侧浮动时,可以移除此不需要的线

  • 当使用float时,产生这种不需要的空间的原因是什么
  • 注意:我知道我们可以用overflow:auto而不是float:left来修复它。但我正在试图理解这种行为的原因

    有关完整的代码,请参阅

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


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

    如果您从.searchLine类中删除“float:left”,则空间将消失