CSS中的ul li是我們經常用來創建導航菜單或列表的標簽，但是在使用ul li創建的菜單或列表中，經常會出現浮動的問題，導致頁面的布局出現混亂。所以，在使用ul li標簽時，我們需要清除浮動，保證頁面的布局不會出現問題。

ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
float: left;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}

如上面的代碼所示，我們可以使用clearfix類來清除ul li標簽的浮動。其中，clearfix類的定義需要實現以下幾點：

• 將content屬性設置為點號(.)，使文本區域產生內容;
• 將display屬性設置為block，使元素變成塊級元素;
• 將height屬性設置為0，使元素沒有高度;
• 將clear屬性設置為both，清除浮動;
• 將visibility屬性設置為hidden，讓元素不可見。

除了clearfix類之外，我們還可以使用其他一些方法來清除ul li標簽的浮動，例如使用overflow屬性、使用偽元素等。無論是哪一個方法，都可以使用來解決浮動問題，讓頁面的布局更加清晰美觀。