今日 div の高さ制御を作っていたところ、IE での div の高さ制御が非常に小さい場合に効果がないことが分かりましたので、関連記事を確認してみました。 最終的に解決策があります。次の記事を参照してください。 高さが 12PX (目安) 未満の線を作成したい場合、IE では実際の高さよりも高く表示されます。以下を参照してください。 <br> .line{<br> background: #CCCCCC;<br> height: 6px;<br> } 実際のものがご覧いただけます高さ 6PX より大きい場合、これは IE のバグと考えられます。この問題を解決するには、次の 3 つの方法があります。最初の方法を使用することをお勧めします。 1: <br> .line11{<br> 背景: #CCCCCC;<br> 高さ: 6px;<br> オーバーフロー: hidden;<br> } 2. div の間にスペースを追加します。 注: IE5.0 では無効です <br> .line12{<br> background: #336699;<br> line-height: 6px;<br> } < ; div class="line12"> 3： <br> .line13{<br> 背景: #CC0000;<br> 高さ: 6px;<br> font-size: 1px;<br> }</ style> ;<br /> <div class="line13"></div><br> 注: FireFox ではまったく問題ありませんが、IE のバグです。 <br> オーバーフロー: 非表示;<br> font-size:1px;</p>
