提问人：Daniël van Veelen 提问时间：10/11/2023 更新时间：10/11/2023 访问量：38
UL 未向右移动
ul not moving to the right
问：
为什么此列表没有移动到屏幕的右上角？
ul {
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
top: 10px;
right: 10px;
float: right;
}
li {
display: inline-block;
margin-right: 10px;
}
我不知道为什么float：right;不能解决这个问题
答：
0赞
Johannes
10/11/2023
#1
因为默认情况下 是 100% 宽的，所以对它没有可见的影响，因为它填满了容器的整个宽度。s 在 内左对齐。ulfloat:rightliul
您可以向 添加设置（即 50% 或固定像素值），然后您将看到 .widthulfloat:right
0赞
bero
10/11/2023
#2
我让它与这个一起工作：
ul {
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
top: 10px;
right: 10px;
}
li {
display: inline-block;
margin-right: 10px;
}
（删除了浮动右侧）
确保在页面上包含您的样式。例如，检查您的列表是否在每个项目之前都有点，以及它是内联的还是另一个项下的一个点。
如果每个项目之前都有点，并且这些项目一个接一个，则可能没有正确包含CSS文件。
如果您认为正确地包含了样式，则可以检查在哪个级别添加了 ul 元素。如果你把它嵌套在其他一些元素中，我建议你把它拿出来，因为你想把它放在页面的最右上角。
评论
floatnone