div内で下揃え

gravity-works (2009年8月 6日 10:17) | コメント(0)

div 内の要素を下揃えにする方法です。

大枠の div を「A」、そのなかで下揃えにしたい要素を
div で囲って「B」とします。

■ divA の設定
・height を指定する
・position:relative; と入れる

■ divB の設定
・position:absolute; と入れる
・bottom:0; と入れる（ピクセルで下からの高さを指定できます）

これで、divA 内で divB を下揃えにすることができます。