このdivの下部にある画像を整列するにはどうすればよいですか？私は3枚の画像を持っており、このようにそれらを表示したい

Question

：

AABB 
AABB 
AACC 
AACC 

A、B、Cはイメージです。 Aの高さは、BとCの高さの合計ではありませんので、私はここでC.

の底に整列するために見せたい私が今使っているコードですので：

に基づいて

<div class="logo-wrap"> 

    <div class="site-title" style="position: relative; " > 
     <a href="@Url.Action("Index", "Home")"> 
     <img src="~/Images/girl.png" /> 
     </a> 
    </div> 
    <div class="site-sub-header"> 
     <img src="~/Images/logo.png" style="height:75%;" /> 
     <br/> 
     <img src="~/Images/icons.png" style="height:75%; " /> 
    </div>     

</div> 

How do I position an image at the bottom of div?、私は

position: absolute; 
left: 0; 
bottom: 0; 

にgirl.pngの画像を設定する。しかし、それはノーを行い、その後

position: relative; 

にロゴ・ラップを設定します仕事。誰でも提案がありますか？

おかげ

Answer 1

使用display:inline-blockは、例えば行を整理するには：「AABB」 を私はposition:absoluteはあなたがフィドルをしてください作成することができ、この