html - 如何在具有自动扩展高度的div底部添加背景图像

Question

我有一个侧边 div，其中包含一个垂直导航 ul，每个页面上的内容量各不相同。

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

我该怎么做？

谢谢

Answer 1

您可以在导航 div 中放置一个包含图像的 div，这样图像将始终位于 div 的底部，然后应用此 css

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


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