Divs Overlayシンプルな実装

Question

私はdiv（id = placeholder）をテーブルセルに置いています.3つの入れ子div（content1、content2、content3）があります。これらのネストされたdivは、親（id =プレースホルダ）と同じサイズを持ち、お互いにオーバーレイしたいと思っています。

これを達成する最も簡単な方法は何ですか？私は、クロスブラウザソリューションを探しています。

Htmlの

<table><tr><td> 

<div id='placeholder'> 
    <div id='content1' class='overlay'>...</div> 
    <div id='content2' class='overlay'>...</div> 
    <div id='content3' class='overlay'>...</div> 
<div> 

</td></tr></table> 

Answer 1

CSS

.overlay { position: absolute; } 

HTML

<div id='placeholder'> 
    <div id='content1' class='overlay'>...</div> 
    <div id='content2' class='overlay'>...</div> 
    <div id='content3' class='overlay'>...</div> 
<div> 

そして、あなたは高さでテーブルセルを伸ばすために、細胞内でclearfixにする必要があります。

コード：http://jsfiddle.net/v6Jnr/

UPD：追加されましたクロスブラウザclearfix

コード：確認するために、 `＃のplaceholder`にrelative`：http://jsfiddle.net/v6Jnr/2/