Home > Windows > Internet Explorer > ver.6 親要素からはみ出した子孫要素の一部が消える

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

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

例示

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

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

スクリーンショット

Moz1.0Moz1.0での表示

WinIE6WinIE6.0での表示

修正状況

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

Home > Windows > Internet Explorer > ver.6 親要素からはみ出した子孫要素の一部が消える

Search
オススメ書籍
Feeds

Return to page top