line-heightの値、文字サイズの値、ウィンドウ幅の組み合わせによって、マージンを0にしても隙間が開いてしまうことがある。
- Category: Mozilla, Netscape, Windows
- Tag: line-height, margin
例示
<div style="line-height:1.1;">
<p style="margin:0; font-size:1.4em; background:blue;">A1</p>
<p style="margin:0; background:blue;">B1</p>
</div>
<hr />
<div style="line-height:1.2;">
<p style="margin:0; font-size:1.4em; background:blue;">A2</p>
<p style="margin:0; background:blue;">B2</p>
</div>
A1
B1
A2
B2
div要素のline-heightを変えている以外、同じスタイル指定を行っています。
スクリーンショット
WinIE6.0での表示(標準モード)
N7.0での表示(標準モード)
補足
ウィンドウサイズによっては隙間が開いたり開かなかったりするようです。
属性セレクタの有無との関連は不明です。なお、ここでは属性セレクタは使用していません。
修正状況
Moz1.0.1およびN7.0では、標準・互換モードともに不具合の発生が確認されました。


