在網頁設計中，我們經常會用到一些CSS技巧，比如如何平分一個ul的寬度。接下來我們就來詳細講解下使用CSS平分ul的寬度技巧，讓自己的網頁設計更加專業。

代碼演示：
<ul class="clearfix">
<li></li>
<li></li>
<li></li>
</ul>
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
*zoom:1;/*for ie7/6*/
}
.clearfix:before,.clearfix:after{
content:"";
display:table;
}
.clearfix:after{
clear:both;
}

首先，我們需要在HTML代碼中添加一個class為clearfix的ul標簽，然后我們就可以在CSS中使用clearfix來對這個ul進行處理使其水平平分。

使用clearfix方法的原理是將li標簽中的float設置為left，通過.clearfix的偽元素（before和after）來達成清除浮動的效果。這個方法可通用于ul、ol、nav等標簽，而且兼容IE7以上的所有主流瀏覽器。

在CSS中，我們首先需要聲明.clearfix:after，并且給其content加上一個字符“.”，display設置為block，height為0，清除浮動效果時使用visibility:hidden來隱藏該字符。接著我們需要給 .clearfix添加zoom:1;，這是為了讓IE7和IE6瀏覽器能夠正確解析:after和:before偽元素。

接著，我們在清除浮動的樣式中添加
.clearfix:before,.clearfix:after{color:#00;text-shadow:1px 1px 1px #ccc;content:""; display:table;}，可以讓在外部可見color為#00，飄上描邊陰影。使用display:table;是為了讓IE中的clear:both;-hack工程（）生效。

最后在清除浮動樣式中添加.clearfix:after{clear:both;}，這里是為了防止在某些情況下，清除浮動時，標簽被寬度撐爆。

以上就是使用CSS來平分ul的寬度的方法了，只需要在CSS中添加以上代碼就可以輕松實現效果。