浮動會導致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。您可能需要處理IE的「haslayout」來修復它。

Answer 2

如果從.searchLine類中刪除「float：left」，則空間消失。