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

ここにはいくつかの問題があります。

1 つ目は、その jsfiddle がすべて 1 行で折り返していることです。

2 つ目は、ul読み取り用.nav-menu ulのCSS です。nav-menuul

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

が表示されない理由は、background: red内の要素が設定されているためです。これにより、 のフローから が削除され、効果的にの高さが 0 になります。この問題を解決する方法は複数ありますが、最も簡単なのは に を追加することです。<ul><li>float: left<ul><ul>overflow: hidden<ul>

Answer 2

あなたを定義し、あなた .nav-menu li list-style:none;を定義する.nav-menu overflow:hidden;

このCSSを追加

.nav-menu{
overflow:hidden;
}

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

デモ