重複の可能性:
IE6 + IE7 オーバーフローに関する CSS の問題: hidden; - 位置: 相対; コンボ
各アイテムに含まれるテキストの行数に関係なく、HTML 順序なしリスト (UL タグ) 内のアイテムを常に 1 行の高さにしようとしています。固定の高さと、各 LI 内の DIV でのオーバーフロー:非表示を使用します。 .
デモは次のとおりです:
http://www.isw.com.au/domino/isw/iswdevelopmentwebsite.nsf/test-overflow-hidden
赤いボックスには問題のリストが含まれています。
これは Opera、Firefox、および Chrome では完全に機能しますが、IE では機能しません。少なくとも IE 7、8、および 9 で動作するようにし
ます。IE は余分なテキスト行を非表示にしますが、スペースを残して、各 LI 内の DIV の固定高さを効果的に無視します。
次のページにリンクされている別のStackOverflowの質問では、コンテナに position:relative を設定することでオーバーフローの問題を修正できると述べています
。 BODY 内の最上位の DIV までですが、それは効果がありません。
IE で問題を解決するにはどうすればよいですか?
更新:
LI タグに固定の高さ (1.8em) を追加しました。これは大いに役立ちましたが、別の問題があります。
各 LI について、IE は黒丸文字の 1 行下にテキストを表示します。これにより、リスト全体で 4 行のスペースが 5 行必要になります。