HTML：親ブロックの下部にアンカーブロック要素がありますか？

Question

<div>のコンテンツを下部に貼り付けるクロスブラウザ方式はありますか？ 1つの難点は、<div>に任意の高さが適用されている可能性がありますが、特定のコンテンツが常にその底にくっつくようにすることです。

これは、このような古き悪しき時代で達成されていたであろう：

<table style="height: foo;"> 
    <tr><td valign="top">content</td></tr> 
    <tr><td valign="bottom">stuck to the bottom</td></tr> 
</table> 

私はこの技術に頼ることなくこれを行うことができますか？

Answer 1

もちろん、かなり簡単です。親divをposition:relativeに設定するだけです。次に内側のアイテムを底に貼り付けるには、position:absoluteを使用してアイテムの底に貼り付けます。

<div id="parent"> 
    <div id="child"> 
    </div> 
</div> 

。

#parent { 
    position:relative; 
} 
#child { 
    position:absolute; 
    bottom:0; 
}