javascript - 如何使最后一个 <li> 坚持特定高度的父级 <ul> 的页脚？

Question

我一直在努力将最后一个 li 固定在具有特定高度的父级 ul 的底部。但是，一旦我尝试滚动该部分，最后一个元素也开始移动。

    ul {
    list-style-type:none;
    height:150px;
    position:relative;
    }
    li:last-child {
    position: absolute;
    bottom:0px;
    background-color: white;}

我为此创建了一个演示:JSFIDDLE:http://jsfiddle.net/zrVPJ/2/

Answer 1

通过编辑您的 CSS 试试这个。

li:last-child {
 background-color: #FFFFFF;
 bottom: 0;
 height: 22px;
 position: fixed;
 top: 127px;
}

JSFIDDLE