2 つの画像を含む単純な div の例があり、そのうちの 1 つは div 内に絶対配置されています。
それは私のHTMLコードです:
<div style="position: relative; display: inline; " >
<img src="http://www.iphones.ru/wp-content/uploads/2008/09/iphone-girl-10.jpg" / >
<img style="position: absolute; top: -400px; left: 100px; z-index: 10" width="32" height="32" src="http://4geo.ru/images/other/icon-18plus.png"/>
</div>
http://jsfiddle.net/yQn7W/1/の例を試してみてください。女の子の顔に「18+」のロゴが表示されるはずです。Chrome と Firefox の両方で問題なく動作します。
しかし、いくつかの div を次々と作成すると、Firefox が HTML フローを失い、「18+」画像 (「position: absolute;」属性を持つ) をページの間違った場所に残すようです。
例http://jsfiddle.net/yQn7W/2/を試してください
Chrome では次のように表示されます。
これが Firefox の表示です。
