またline-heightプロパティを指定した内容物が存在しない要素でもheightプロパティの指定値に関わらず、ボックスの高さが文字の高さより小さくならない。ただし、内容物がコメントのみの要素を除く。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: height, ボックス
例示
<div style="width:90%; font-size:20px; height:10px; margin-bottom:10px; background:aqua;"></div>
<div style="width:90%; font-size:20px; height:10px; margin-bottom:10px; background:aqua;"><!-- コメント --></div>
<div style="width:90%; font-size:20px; height:10px; margin-bottom:10px; background:aqua;">div</div>
<div style="line-height:1; font-size:20px; height:10px; margin-bottom:10px; background:lime;"></div>
<div style="line-height:1; font-size:20px; height:10px; margin-bottom:10px; background:lime;"><!-- コメント --></div>div
空色の背景を指定したdiv要素はwidthプロパティを指定した要素で発生するバグ、黄緑色の背景を指定したdiv要素はline-heightプロパティを指定した要素で発生するバグの例示です。すべてのdiv要素のボックスは高さが10pxになるはずです。
スクリーンショット
Netscape7.1標準モード
WinIE6.0標準モード
修正状況
WinIE6.0の標準モードと互換モードで不具合の発生を確認しました。
