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

Question

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

基本上，我想在div的底部添加一个图像，我想根据它所包含的内容量自动扩展。

我该怎么做？

由于

Answer 1

假设您可以将此图像设置为背景，那么您可以查看背景位置。

例如：

background-position: center bottom;

Answer 2

您可以在导航div中放置一个包含图像的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