如何将背景图像添加到自动展开高度的div底部

Question

我有一个包含垂直导航的侧边div，每个页面上都会有不同数量的内容。

基本上，我想添加一个图像到div的底部，我希望能够根据它包含的内容的数量自动扩展。

我该怎么做？

感谢

Answer 1

假设你可以设置此图片作为背景，那么你可以看看背景位置。

例如：

background-position: center bottom; 

Answer 2

你可以把包含您的导航DIV内的图像，使图像将始终位于DIV底部的股利和再应用此CSS

.navImg{ 
     width: 100%;   
     position: absolute;   
     top: 0; 
     left: 0; } 


<div id="navigation"> 
    //navigation ul 
<div class="navImg"></div> 
</div> 

Answer 3

#menu 
{ 
    float:left; 
    width:50px; 
    border:1px solid black; 
    padding:10px; 
    background:black url(http://tinyurl.com/3brzfja) repeat-x center bottom; 
} 

• jsFiddle.net Example