css li不能置顶

在CSS中，有时会遇到一个问题：无法将列表项(li)置顶。这个问题出现的原因是，列表项本身就是块级元素，而块级元素默认是从上往下排列，无法与其他元素共存于同一个行内。

ul li {
   display: block;
   float: left;
}

为了解决这个问题，我们可以尝试使用float属性来使列表项浮动，并将其排列在一行中。但是，使用float属性也有其自身的问题，比如会导致父元素的高度塌陷，需要使用清除浮动来解决。

.clearfix::after {
   content: "";
   display: block;
   clear: both;
}

另外，也可以使用flexbox布局，它可以非常简单地实现将多个元素置于同一行内。如果你使用的是现代浏览器，推荐使用flexbox布局。

ul {
   display: flex;
   justify-content: space-between;
}

总之，无法将列表项置顶并不是一个无法解决的问题。除了使用float和flexbox布局外，还可以尝试使用display: inline-block或者position: absolute等方式来实现。