CSS中的float屬性是指將元素（一般為盒子）向左或向右浮動。這在頁面布局中常用于實現多列布局，或者在文字環繞圖片等情況下使用。

在li元素中使用float屬性也非常常見。常見的應用場景是橫向導航欄。我們可以設置li元素為float:left，然后使它們在一行中排列。

ul {
list-style: none;
overflow: hidden;
}
li {
float: left;
}

以上代碼將會使橫向導航欄中的每一個li元素左浮動，從而實現橫向排列的效果。

需要注意的是，在使用float屬性時，可能會出現父元素不計算子元素高度的問題。這時候可以給父元素設置 overflow:hidden 屬性，這樣父元素就可以計算子元素高度了。

除此之外，還有一個常見的問題就是在使用float浮動元素時，可能會出現重疊、錯位等問題。解決方案有很多，比如可以使用clear屬性清除浮動，或者使用flex布局等。

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

以上代碼就是使用清除浮動的方式解決問題，給需要清除浮動的父元素加上clearfix類名，并添加以上樣式代碼，就可以保證浮動元素不會重疊或者錯位了。

總之，使用float屬性可以在CSS中實現很多有趣的布局效果。但是使用時也需要注意一些細節，想要更好地使用float屬性，可以多看看相關文檔和實踐。