Html 如何在垂直滚动时固定底部始终显示

我有ul和一些清单在里面

在ul的底部，我有一个div标签，它总是显示内容

我不能用div包装ul标签，也不能更改html的结构

有什么办法吗

<ul>
   <li> some contents</li>
   <li> some contents</li>
   <li> some contents</li>
   <li> some contents</li>
          .
          .
          .
   <div> Message always shown at the bottom </div>
</ul>

一些内容
一些内容
一些内容
一些内容
.
.
.
消息始终显示在底部

如果可以使用CSS，只需将其应用于div：

div {
    position: fixed;
    bottom: 0;
}

运行以下代码段：

div{
位置：固定；
底部：0；
}

一些内容
一些内容
一些内容
一些内容
消息始终显示在底部

这个很有趣。我尝试了下面的一些测试，但没有使用

，因为将div放在列表中不是一种语义方法

在可滚动列表中定位绝对值的问题在于，定位会粘附到加载的滚动位置。令人烦恼

除非你把你的信息移到列表之外，否则我找不到解决这个问题的办法。我可能错了，其他人可能会为你找到解决办法

我假设你不能使用position fixed，因为它会将你的信息猛击到窗口底部

UL{
位置：相对位置；
填充：0 30px 0；
背景：gainsboro；
列表样式：无；
高度：100px；
溢出y：滚动；
溢出x：隐藏；
}
李{
显示：块；
高度：30px；
填充：0 5px；
线高：30px；
边框底部：1px纯白；
}
.pseudo选项：：之后{
内容：“消息始终显示在底部”；
显示：块；
位置：绝对位置；
背景：黄色；
底部：0；
高度：30px；
填充：0 5px；
线高：30px；
左：0；
右：0；
溢出：隐藏；
}
.最后一个孩子选项LI：最后一个孩子{
显示：块；
位置：绝对位置；
背景：黄色；
底部：0；
高度：30px；
填充：0 5px；
线高：30px；
左：0；
右：0；
溢出：隐藏；
}
DIV{
填充物：5px；
宽度：计算（50%-10px）；
浮动：左；
}
H4{
边际上限：0；
边缘底部：5px；
}

伪期权

一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容

最后一个孩子选项

一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
消息始终显示在底部

set position:fixed on div works？这是无效的html语法，您不应该在

ul

元素中使用

div

。OP提到他不能改变HTML结构。他可能别无选择，只能使用糟糕的语法。