html - 如何在容器底部设置元素

Question

嗨，我有一个包含许多无序列表的容器。我希望将最后一个无序列表设置为底部的 0 边距。这是我的代码以及我尝试过但不起作用的代码:

<ul id="updates">
              <li>Follow Zack's updates<br/>300 followers. Follows:</li>
              <li><a href="#"><img src="img/zack/update1.png" alt="update"/></a></li>
              <li><a href="#"><img src="img/zack/update2.png" alt="update"/></a></li>
              <li><a href="#"><img src="img/zack/update3.png" alt="update"/></a></li>
              <li><a href="#"><img src="img/zack/update4.png" alt="update"/></a></li>
              <li>+ <br/> 10</li>
          </ul>


<p> Site powered by zi<span>kio<span></p>
div#articles p{
   margin-top: auto;
   margin-bottom: 0
}
ul#updates{
   margin-top: auto;
   margin-bottom: 0;
}

p 和 ul#updates 都需要设置在底部，边距为 0。

*编辑:*父项已设置为position:fixed，因此不能选择相对定位

Answer 1

假设您的列表都是刚刚设置的 div.article 的子级

div.article {
   position: relative; /* after your edit: fixed is fine too */
   padding-bottom : /* enough to make room for last ul */
}

div.article > ul:last-child {
   position : absolute;
   bottom   : 0;
}