親要素からはみ出した子孫要素の一部が消える

症状

親要素でheightプロパティを使用し、さらに子孫要素の縦方向マージンに負の値を指定して親要素からはみ出させると親要素からはみ出した部分が消えてしまう。

例示

<div style="height:30px; background:teal;">
<img src="img01.png" width="48" height="48" style="margin-top:-18px;">
</div>

img要素は上端が親要素から16pxはみ出して表示されます。

スクリーンショット

Moz1.0Moz1.0での表示

WinIE6WinIE6.0での表示

修正状況

WinIE6.0では標準・互換モードともにはみ出した部分が表示されません。

関連記事

スポンサーリンク

facebook APIを使用する時にfacebook Appsでアプリを登録するまでの流れ

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る