如何在 LeftNav 内创建粘性页脚？

我正在尝试在其中创建一个粘性页脚<LeftNav>组件，到目前为止还没有成功。这就是需要的样子：

我尝试过使用position: fixed; bottom: 0 and position: absolute; bottom: 0在搜索字段的包装上，但是当用户滚动列表项时，搜索字段会向上移动。像这样：

知道如何解决这个问题吗？

位置：固定应该可以。如果没有有关如何设置页面的更多信息，就很难更具体。看看这个小提琴，看看是否有帮助：

https://jsfiddle.net/kevinlrak/r1mpf1n8/ https://jsfiddle.net/kevinlrak/r1mpf1n8/

#search {
  position: fixed;
  background-color: red;
  bottom: 0;
  width: 25%;
}