定位div在底部內聯

Question

我需要定位一些圖像，內聯在容器的底部。 我試圖做this問題問，但我不明白爲什麼與我不起作用，從容器逃脫。 你能幫我嗎？這是我的代碼：

<div id="banner"> 
<div id="uscite"> 
    <div id="jp"><img src="../img/uscite/scan.png" height="90" width="60" alt="" /><br />text</div> 
    <div id="it"><img src="../img/uscite/scan.png" height="90" width="60" alt="" /><br />text</div> 
</div> 
<div id="nav_main"> 
    <div style="margin: 0 auto;"><img src="../inc/home.png" /></div> 
    <div style="margin: 0 auto;"><img src="../inc/staff.png" /></div> 
    <div style="margin: 0 auto;"><img src="../inc/forum.png" /></div> 
    <div style="margin: 0 auto;"><img src="../inc/disclaimer.png" /></div> 
    <div style="margin: 0 auto;"><img src="../inc/secret.png" /></div>  
</div> 
</div> 

CSS：

div#banner{ 
    padding:10px; 
    border:1px solid #444444; 
    background: url('header2.png') no-repeat center center; 
    height:400px; 
} 

div#nav_main{ 
    position: absolute; 
    left: 0; 
    width: 1180px; 
    bottom: 0; 
} 
div#uscite{ 
    padding:30px 20px; 
    float:right; 
    border:0px; 
    height:35%; 
    width:20%; 
} 

div#jp{ 
    text-align: center; 
    width:50%; 
    height:100%; 
    float:left; 
    border:0px; 
} 
div#it{ 
    text-align: center; 
    width:50%; 
    height:100%; 
    float:right; 
    border:0px; 
} 

http://jsfiddle.net/nu7eoj0q/1/

編輯：我也想在 「uscite」 的添加其他格（稱爲 「社會」）一。但它沒有出現。我錯了什麼？ http://jsfiddle.net/faeba3v1/

Answer 1

我想你想這樣做

Js Fiddle

新的屬性添加

#nav_main div{ 
    display:inline-block; 
} 

div#banner{ 
    position:relative; 
}