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

Question

见http://jsfiddle.net/PdZrt/

基本上我已经应用了 yui 重置和基础，并且正在尝试为菜单单独设置 ul 样式。li 选择了样式，但 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;
}

演示

Answer 2

这里有几个问题。

一，那个jsfiddle都在一条线上并且换行。

二，你的CSSul读取：.nav-menu ul-nav-menu是ul，因此它应该是：

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

没有出现的原因background: red是因为<ul>, <li>s 里面的元素已经float: left设置了。这从 的流程中移除<ul>并有效地使您<ul>的高度为 0。虽然解决此问题的方法不止一种，但最快的方法是将 a 添加overflow: hidden到<ul>.