Html 将div定位在底部内联

我需要定位一些图像，内联在容器底部。 我试着按照问题的要求去做，但我不明白为什么和我在一起不起作用，从容器里逃了出来。 你能帮我吗？这是我的代码：

<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>

编辑：我还想在“uscite”的一个div下添加另一个div（称为“social”）。但它没有出现。我怎么了？

---

我想你想这样做

新增物业

#nav_main div{
    display:inline-block;
}

div#banner{
   position:relative;
}

---

通过只让2个可用的映像在JSFIDLE中真正工作，您可以简化这个问题吗？（在线资源）是的！这就是我想要的！谢谢！你的欢迎很乐意帮助你，所以你能接受我的回答吗：我在等你。它说我应该等2分钟xDHi抱歉，我在编辑这篇文章时提出了另一个问题，关于另一个问题，比如这个问题。你能帮我吗？它看起来没有什么，就像我的尝试（是的，图像在正确的路径上）

#nav_main div{
    display:inline-block;
}

div#banner{
   position:relative;
}