变化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