应用yui reset + base后更改ul样式

Question

请参阅http://jsfiddle.net/PdZrt/

基本上我已经应用了yui reset和base，并尝试单独设置ul菜单。李的风格很好，但ul也没有出现。

有什么想法吗？

在小提琴中应该：

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

Answer 1

定义您的 .nav-menu li list-style:none;和定义您的.nav-menu overflow:hidden;

添加此CSS

.nav-menu{
overflow:hidden;
}

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

<强> Demo

Answer 2

这里有几个问题。

一，那个jsfiddle全部在一条线上并且包裹着。

其中两个，ul的CSS读取：.nav-menu ul - nav-menu是ul，因此应该是：

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

background: red未显示的原因是因为<ul>内的元素，<li>设置了float: left。这将从<ul>的流中移除，并有效地使您的<ul>高度为0.虽然解决此问题的方法不止一种，但最快的方法是添加{{1}转到overflow: hidden。