因為li是塊級元素，預設佔一行的，要想實現橫向排列，一般通過以下兩個方法：
float:left這樣設定有乙個問題，li浮動以後則脫離了文字流，即不佔位置，如果它的父級元素有具體的樣式且沒有固定寬高，建議父元素清除浮動，或者設定固定寬高。
display:inline-block即把li變為行內元素且可以設定寬高以及邊距，這樣也有乙個問題，低版本的ie瀏覽器不相容inline-block，建議在其後再加兩個屬性相容低版本ie
（推薦教程：css入門教程）
*display:inline;
*zoom:1;
css + ul li 橫向排列的兩種方法
css**一：
*
#n**
#n** ul
#n** li
#n** a
#n** a:hover css**二：
*
#n**
#n** ul
#n** li
#n** a
CSS的ul和li實現橫向排列和去掉li的點
今天做網頁是老是不懂怎麼實現ul的橫向排列和去掉li那個煩人的點，現在找到方法了，做個筆記 複製 如下 ul ul li 順便拓展一下li的list style 複製 如下 ul 程式設計客棧 ul ol ol 再寫個今天看到的東西，是關於dl,dt,dd的，其實就是類似於子類的，我比較少見到各個網...
CSS教程 li和ul標籤用法舉例
li 的格式化 a 運用css格式化列表符 以下是引用片段 ul li b 如果你想將列表符換成影象，則 以下是引用片段 ul li c 為了左對齊，可以用如下 以下是引用片段 ul d 如果想給列表加背景色，可以用如下 以下是引用片段 ul ul li e 如果想給列表加mouseover背景變色...
CSS教程 li和ul標籤用法舉例
li 的格式化 a 運用css格式化列表符 以下是引用片段 ul li b 如果你想將列表符換成影象，則 以下是引用片段 ul li c 為了左對齊，可以用如下 以下是引用片段 ul d 如果想給列表加背景色，可以用如下 以下是引用片段 ul ul li e 如果想給列表加mouseover背景變色...