2011-12-28 12 views
6

固定幅と高さを持つdivコンテナがあります。今、コンテナに画像を追加し、画像を重ね合わせて追加したいと思います。divの下から上に画像を重ねる

私はちょうどコンテナの幅を修正し、その内部に画像を追加すると、上から下に重ねて表示されます。どうやってそれらを下から上に重ねることができますか?

おかげ

答えて

3

あなたはdisplay: table-cell使用することができ、それは近代的なブラウザで動作させるには:

CSSを

.container { 
    display: table-cell; 
    vertical-align: bottom; 
} 
.child { 
    display: inline-block; /* act like image */ 
} 

HTML

<div class="container"> 
    <div class="child"></div> 
    <div class="child"></div> 
    <div class="child"></div> 
    <div class="child"></div> 
</div> 

An example on jsfiddle.

ところで、それはそれらを底に整列させるだけです、それはまだ上に最初のブロックを示しています...

関連する問題