Html 当对列表中的图像应用绝对定位时，它们将消失

此标题无序列表中有4个图像，但在此代码下仅显示第一个图像。我一直在尝试在不使用float的情况下使它们显示在一行而不是一列中，但我无法使它们以这种方式显示。

因为您的绝对位置告诉所有图像都是右偏25%。。。。它们叠在一起，取出并显示：内联；预期输出？？？这是预期的输出，是的，但这不是我看到的（考虑到这个文件中唯一的其他东西是字体，应该没有其他影响）。我采用了Beniner出色的小提琴，并在下面添加了您的代码。Vikingbreaded表示，所有四个图像都堆叠在一起，您可以在初学者的“真实”输出下面看到这一点。

#header {
    position: relative;
    background-color: blue;
    width: 100%;
    height: 6%;
}

#header li {
    position: absolute;
    right: 25%;
    list-style: none;
}