css li float

CSS中常用的布局方式之一就是浮动，可以让元素脱离文档流，不再占据原来应有的位置。

而li float则是指在ul或ol列表中，对li进行浮动布局。这样做可以让列表变成横向排列，而不是传统的纵向排列。也可以用于制作导航、图片展示等。

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
li {
    float: left;
}

以上代码表示去掉了列表项的样式，并将li元素向左浮动，从而实现横向排列。

但需要注意的是，浮动元素会破坏文档流，因此需要清除浮动。可以使用clearfix方式，或将父元素设置为overflow:auto。

.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
}
.clearfix::after {
    clear: both;
}
.parent {
    overflow: auto;
}

以上为clearfix和overflow:auto两种清除浮动的方法。

总之，li float可以帮助我们实现更灵活的列表布局。但在使用时还需注意清除浮动，避免对其它元素造成影响。