html – 无序列表需要CSS帮助

概述我正在尝试使用无序列表创建一个基本的导航栏,但由于某种原因,我无法让子d消失. 我已经在谷歌搜索了一个解决方案,对我而言似乎它应该可以正常工作,但我想我可能会搞砸一些与ul风格无关的东西,这反过来又阻止了ul风格应用. 这是相关的html： <div id="nav"> <ul> <li><a href="index.html">Home</a></li> 我正在尝试使用无序列表创建一个基本的导航栏,但由于某种原因,我无法让子d消失.

我已经在谷歌搜索了一个解决方案,对我而言似乎它应该可以正常工作,但我想我可能会搞砸一些与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>

这是CSS：

#nav ul{    List-style-type: none;    position: absolute;    top: 10px;    right: 0;    margin: 0;    padding: 0;}#nav ul li{    float: left;}#nav ul li a{    display: inline;    float: left;    padding: 8px 5px 3px 5px;    margin-right: 5px;    background-color: #034a7f;    color: #fff;    Font-weight: bold;    text-decoration: none;}#nav ul li a:hover{    padding-top: 12px;    background-color: #075a97;}

解决方法 为了确定,我通常也将它应用于lis：

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

要检查的其他事情是使用像firefox的firebug这样的工具并右键单击列表项并执行“检查元素”.从那里你可以看到实际应用于它的样式和它们来自哪里,哪些样式覆盖哪些等等.

更有可能的是,正在发生的事情(以及其他答案和评论)是你有一些其他的风格让子d出现 – 这就是萤火虫将真正帮助你的地方.

总结

以上是内存溢出为你收集整理的html – 无序列表需要CSS帮助全部内容，希望文章能够帮你解决html – 无序列表需要CSS帮助所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。