實(shí)際上用了overflow:hidden 會(huì)影響 list-style，即當(dāng)ul 中的li 的overflow 為hidden的時(shí)候， list-style不起作用，不顯示前面的點(diǎn)、圈等樣式。

解決辦法：在ul或li內(nèi)加入樣式：list-style-position: inside; 即可。注意適當(dāng)調(diào)節(jié)padding位置使之最適合。

列表的樣式：
disc :　CSS1　實(shí)心圓
circle :CSS1　空心圓
square :CSS1　實(shí)心方塊
decimal :　 CSS1　阿拉伯?dāng)?shù)字
lower-roman :　 CSS1　小寫(xiě)羅馬數(shù)字
upper-roman : CSS1　大寫(xiě)羅馬數(shù)字
lower-alpha : CSS1　小寫(xiě)英文字母
upper-alpha : CSS1　大寫(xiě)英文字母
none :　CSS1　不使用項(xiàng)目符號(hào)
armenian :　CSS2　傳統(tǒng)的亞美尼亞數(shù)字
cjk-ideographic:CSS2　淺白的表意數(shù)字
georgian :　CSS2　傳統(tǒng)的喬治數(shù)字
lower-greek :　 CSS2　基礎(chǔ)的希臘小寫(xiě)字母
hebrew : CSS2　傳統(tǒng)的希伯萊數(shù)字
hiragana : CSS2　日文平假名字符
hiragana-iroha: CSS2　日文平假名序
katakana : CSS2　日文片假名字符
katakana-iroha: CSS2　日文片假名序號(hào)
lower-latin : CSS2　小寫(xiě)拉丁字母
upper-latin : CSS2　大寫(xiě)拉丁字母
*list-style-image: url(images/disc.gif); 用圖像disc.gif代替列表項(xiàng)目顯露
*list-style-position : outside | inside
outside: 　列表項(xiàng)目標(biāo)記放置在文本以外，且圍繞文本不根據(jù)標(biāo)記對(duì)齊
inside : 　列表項(xiàng)目標(biāo)記放置在文本以內(nèi)，且圍繞文本根據(jù)標(biāo)記對(duì)齊