CSS/DHTMLバグ辞典スレッド 第4版

このエントリーをはてなブックマークに追加
96Name_Not_Found
http://pc5.2ch.net/test/read.cgi/hp/1079598884/288- より派生。

【IE6標準/互換】
ボックスにwidthが指定されてある場合、
一定の値以下のheight指定は無効になる。
但し内容がコメントのみの場合はなぜか有効。
.upd1 {width:200px; height:3px; background:#f00;}
.upd2 {line-height:0; height:3px; background:#00F;}
<div class="upd1"></div><!--無効-->
<hr>
<div class="upd1"><!--有効--></div>
<hr>
<div class="upd1">無効</div>

【IE6標準/互換】
内容が空のボックスにline-heightが指定されてある場合、
一定の値以下のheight指定は無効になる。
但しコメントがあると内容が空とは見做さない。
<div class="upd2"></div><!--無効-->
<hr>
<div class="upd2"><!--有効--></div>
<hr>
<div class="upd2">有効</div>