Question

这是一个简单的错误，我不知道发生了什么。问题是，我有一个HTML菜单。菜单实际上包含锚标签，但有些链接正常工作，其他链接甚至无法点击。任何帮助，将不胜感激。谢谢你的水壶

PS：我的所有页面都有相同的目录，但有些正在运行，其他正在运行。

这是我的菜单代码。

<ul>
    <li><a href="index.php">Home</a></li>
    <li><a href="about.php">About</a></li>
    <li><a href="services.php">Services</a></li>
    <li><a href="menu.php">Menu</a></li>
    <li><a href="price.php">Price</a></li>
    <li><a href="contact.php">Contact</a></li>
</ul>

当我转到ABOUT或SERVICES页面时，我无法去其他地方，因为没有锚标签。

这是我的css for menu

#menu
{
    background-color:brown;
    width:100%;
    height:auto;
    float:left;
    clear:both;
}
#menu ul {
    list-style: none;
    padding: 0px;
    //margin-left:auto;
    width:900px;
}

#menu li {
    list-style: none;
    padding: 0px;   
    display: inline; 

}

#menu a {
    float: left;
    width: 150px;
    height: 40px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    padding-top: 17px;
    font-size: 15px;
}

#menu a:hover{
    color:#BAD1F3;
}

Answer 1

菜单浮动并由下方元素重叠。将overflow: hidden;添加到#container，它将清除浮动。

Answer 2

问题是“服务”和“关于我们”页面上的标题有一个与链接重叠的填充。从标题中删除position: relative;，您会发现这些链接可以再次点击。

编辑：HTML Anchor标签疯了，需要一些指导

2 个答案: