0

以下にリストされているスタイルの複数の行があります。「searchLine」クラスは、各線種に使用されます。これは、IE8、Chrome、および Firefox で正常に動作しています。しかしIE7では、各行の間に不要なスペースがあります。float left を削除すると、この不要な行を削除できます。

  1. float を使用すると、この不要なスペースが生じる理由は何ですか?

注: float:left の代わりに、overflow:auto を使用して修正できることはわかっています。しかし、私はこの動作の理由を理解しようとしています。

完全なコードについては、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>」を使用すると正常に動作します
4

2 に答える 2

1

詳細を忘れてしまいましたが、IE7ではmin-widthが正しく機能しない場合があり、まったく機能しない場合もあります。それを修正するには、IEの「haslayout」に対処する必要があるかもしれません。

于 2012-11-15T13:16:40.327 に答える
0

.searchLine クラスから「float:left」を削除すると、スペースがなくなります。

于 2012-11-15T17:48:27.117 に答える