Html 无序列表需要CSS帮助吗

我试图创建一个基本的导航栏使用无序的列表，但由于某些原因，我无法让子弹离开

我在谷歌上搜索了一个解决方案，对我来说，它似乎应该是可行的，但我认为我可能弄乱了一些与ul风格无关的东西，这反过来又阻止了ul风格的应用

以下是相关的html：

<div id="nav">
    <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">About Us</a></li>
        <li><a href="example.html">Examples</a></li>
        <li><a href="contact.html">Contact Us</a></li>
    </ul>
</div>

---

为了确定，我通常也将其应用于

li

s：

#nav ul li
{
    list-style-type: none;
    float: left;
}

另外需要检查的是使用firefox之类的工具，右键单击列表项并执行“检查元素”。从那里，您可以看到实际应用于它的样式，以及它们的来源，哪些样式覆盖了哪些样式，等等

---

更有可能的是，现在发生的事情（其他答案和评论）是，你有了一些其他的风格，让子弹出现——这就是firebug真正帮助你的地方。

我也没有看到任何子弹。 可以尝试完全刷新：CTRL+F5或CTRL+R 你可以试试这个css

#nav ul li{ list-style: none; }

---

它起作用了。您可能有另一条规则取消#nav ul。您可能可以通过添加

body #nav ul

---

这就是我使用CSS的水平菜单栏的用法。我从来没有遇到过任何问题

    #nav {
    padding-bottom: XXpx;
    margin:0px auto;
    }
    #nav ul { list-style:none;
    padding: XXpx;
    margin: XXpx;
    }
    #nav ul li {
    float:left;
    }
    #nav span {
    position:absolute;
    left:-9999px;
    } 

---

我没有看到任何要点：您在测试什么浏览器？GrooveTrans的答案似乎解决了这个问题，但我仍然不明白为什么它最初不起作用。我刚刚在Chrome10上试过，但仍然有同样的问题。如果这有什么区别的话，我也在Mac电脑上。好吧，我现在有firebug了，希望我以前知道这件事。这是一个很棒的附加组件。好吧，在li's中添加样式似乎可以解决它，但我仍然想知道为什么它以前不起作用。@RyanE好吧，我很乐意提供帮助，希望您接受我的回答。这就是firebug将帮助您追踪应用的样式及其原因的地方。

    #nav {
    padding-bottom: XXpx;
    margin:0px auto;
    }
    #nav ul { list-style:none;
    padding: XXpx;
    margin: XXpx;
    }
    #nav ul li {
    float:left;
    }
    #nav span {
    position:absolute;
    left:-9999px;
    }