Javascript 如何使最后<；李>；粘贴到父项的页脚<；ul>；具体高度？

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

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

---

我已经为此创建了一个演示：JSFIDDLE:

通过编辑css来尝试这个演示

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

---

通过编辑css来尝试这一点

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

我想我应该进一步澄清。

位置之间有两个主要区别：固定的

和

位置：绝对的

绝对获取您的

文档

属性，而固定获取您的

窗口

属性

如果你需要某处的东西，一个边栏，一个

fixed

单元格，利用fixed

如果您需要在DOM周围定位某些内容，请使用绝对

使用绝对值有几个技巧。一个是相对的，一个是静态的。通过对您的

ul

使用静态，然后对

最后一个子项

进行分类以反映这一点，您将ul保持在原位，但最终单元的绝对定位与其父属性相冲突

阅读更多信息：

我想我会进一步澄清。

位置之间有两个主要区别：固定的

和

位置：绝对的

绝对获取您的

文档

属性，而固定获取您的

窗口

属性

如果你需要某处的东西，一个边栏，一个

fixed

单元格，利用fixed

如果您需要在DOM周围定位某些内容，请使用绝对

使用绝对值有几个技巧。一个是相对的，一个是静态的。通过对您的

ul

使用静态，然后对

最后一个子项

进行分类以反映这一点，您将ul保持在原位，但最终单元的绝对定位与其父属性相冲突

阅读更多信息：

---

使用

位置：固定？？：-）是 啊但这将使其分别固定到页面而不是ul。您可以更改最后一个li位置：固定而不是绝对位置…Nikhil：使其位置固定将是屏幕的w.r.t，而不是ul。因此，如果我在ul上面添加一些内容，它将崩溃？？：-）是 啊但这将使其分别固定到页面而不是ul。您可以更改最后一个li位置：固定而不是绝对位置…Nikhil：使其位置固定将是屏幕的w.r.t，而不是ul。因此，如果我在ul上面添加一些内容，它将崩溃。我喜欢问题的答案；-）好把戏。但最后一位李彦宏的立场是从页面顶部确定的，而不是ul。因此，如果我添加任何高于ul的内容。你也可以改变
ul{position:static；}
和
li:last child{position:absolute；}
我喜欢问题的答案；-）好把戏。但最后一位李彦宏的立场是从页面顶部确定的，而不是ul。因此，如果我添加任何高于ul的内容。将使标头放错位置。您还可以更改
ul{position:static；}
和
li:last child{position:absolute；}