不精確樣式：
ul{ margin :0 ; padding :0; float :left ; list-style :none; width :100%;}
li{ float :left ; overflow :hidden ;}
當使用以上樣式時，可以看到當li中的內容超過了li的寬度時，overflow屬性沒起作用。
正確的樣式：
ul{ margin :0 ; padding :0; float :left ; list-style :none; width :100%;}
li{ float :left ; overflow :hidden ;text-overflow:ellipsis; white-space:nowrap; }
需要三者配合使用！
來源：http://blog.sina.com.cn/s/blog_67c4e72501010m6l.html
我在測試的時候加上寬度，或者高度才出效果。
經驗記錄：
.global { width:100%; height:auto; position:absolute; bottom:0px; }
.global ul { width:100%; height:auto; padding:0px; margin:0px; }
.global li { list-style:none; text-align:center; float:left; border:1px solid #CCCCCC; margin:2px; }
li個數太多的時候會自動換行，如果將.global的高度設置為height:200px;是沒有效果的，要將.global ul的高度設置為height:200px;並且添加元素浮動溢出 overflow:hidden 才可以隱藏。
其實我想表達是的，1.有些css屬性要配合使用，2.要最近的元素例如：父元素，甚至是元素本身。才有效果。