html - ul li链接不起作用(在导航栏中)

为了帮助解释这种情况，我粘贴了下面的代码。发生的事情是，对于包含其他列表的导航按钮（ul>li>ul），除非我特别单击文本，否则链接不起作用（如果我单击按钮的外部区域，则链接不起作用）。这可能有点让人困惑，但是请查看下面的jsfiddle，并尝试单击“About”、“Why”和“Events”页面。你将看到它只重定向到一个新的网站，如果点击文本具体。
怎么了？我试过无数次，但都没成功。
这是关于账单。我试过把a标签放在li标签之前，li标签之后，似乎什么都没用。

 <li><a href="about.php">About</a>
  <ul>
    <a href="about.php#expectations"><li>Expectations</li></a>
    <a href="about.php#faq"><li>FAQ</li></a>
    <a href="laptopprogram.php"><li>Laptop Program</li></a>
  </ul>
</li>

有问题的Jsfiddle：http://jsfiddle.net/hmourp8o/

最佳答案

试试这个，添加了以下css

nav#navbar li > a {
display: block;
height: 50px;
margin: 0px -35px;
padding: 0px 35px;
}

working demo

关于html - ul li链接不起作用(在导航栏中)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27496297/