ul 不向右移动

Question

为什么这个列表没有移动到屏幕的右上角？

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;不能解决这个问题

Answer 1

因为默认情况下

ul

默认为100%宽，所以

float:right

没有可见的效果。

li

在

ul

内左对齐。

您可以在

width

上添加

ul

设置（即小于 100%），然后您就会看到浮动的效果。