變化UL風格

Question

見http://jsfiddle.net/PdZrt/

基本上我已經應用了銳重置和基礎，我將試圖seperately風格菜單的UL。李的選擇風格，但ul並沒有出現。

任何想法？

在小提琴應該：

list-style: none; 
padding: 0; 
margin: 0; 
background-color:Red 

Answer 1

這裏有幾個問題。

一，這jsfiddle是在一個線路上，幷包裝。

二，您對ul CSS寫着：.nav-menu ul - nav-menu IS的ul，因此應改爲：

.nav_menu { list-style: none; ... } 

的background: red沒有顯示出來的原因是因爲<ul>內的元素，<li> s已經設置了float: left。這從<ul>的流程中移除，並且有效地使您的<ul>的高度爲0.雖然有多種方法可以解決此問題，但最快的方法是將overflow: hidden添加到<ul>。

Answer 2

定義您.nav-menu lilist-style:none;和定義您.nav-menuoverflow:hidden;

添加這個CSS

.nav-menu{ 
overflow:hidden; 
} 

.nav-menu li{ 
list-style:none; 
} 

Demo