Html href标记不工作。css风格干扰？

我对HTML还比较陌生（现在才几个星期），我被卡住了。我的页面上的“关于”部分似乎不可点击，也不会将我带到链接页面。令人困惑的是，该链接似乎是可点击的，因为当鼠标悬停在该链接上时，会出现浮动手图标。我可以右键单击并在新选项卡中打开链接。如果我删除css并尝试不带格式的链接，它也是有效的

我很困惑。。。CSS是不是弄乱了我的href标签

以下是html：

<div id="header"> 
    <div class="container">
        <div class="row">
            <div class="twelwecol last">
                <div id="navigation"> <!-- Navigation Links -->
                    <ul>
                        <li><a href="about.htm">about</a></li>
                        <li><a href="#members">members</a></li>
                        <li><a href="#events">events</a></li>
                        <li><a href="#media">media</a></li>             
                        <li><a href="#social">social</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

---

有人能告诉我这里发生了什么事吗？任何帮助都将不胜感激

它显示为可单击，因为它包含在

a

标记中。当您链接某个内容时，您的

href

需要有一个适当的扩展名。您确定使用的是

.htm

而不是

html

此外，CSS影响样式（CSS=层叠样式表），它不会影响html（或任何其他）函数，如href函数

---

请尝试将href更改为

href=“about.html”

，从中可以看出，您的代码工作正常。那么，这真的是所有的代码吗，还是可能有其他的东西？另外，你是否尝试过页面刷新？哪个浏览器导致了问题？其工作正常，请检查链接是否可点击，但其他链接不会，因为它们是内部链接，可能是一些javascript（如果有的话）阻止了它只是一些注释：学习术语

href

是一个属性，而不是标记。手是光标，不是图标。“navigation.css”是一个样式表，而不是一个页面。当你与他人讨论问题时，诸如此类的事情都很重要。@Lister先生感谢你的建设性批评。显然，我只是个初学者，但我一定会把你的建议牢记在心。谢谢

#header {
    width: 100%;
    height: 49px;
    color: white;
    background-color: #1b1e25;
    position: fixed;
    z-index: 9999;
}
#logo {
    background-image: url('../images/assets/logo.png');
    background-repeat: no-repeat;
    height: 80px;
    width: 80px;
    display: block;
    float: left;
}
#navigation {
    padding-top: 2px;
    width: 480px;
    display: block;
    margin: 0px auto;
}
#navigation ul {
    padding:0px;
    margin: auto;
    text-transform: uppercase;
}
#navigation ul li {
    display:inline;
    float:left;
    list-style:none;
    padding: 13px 20px 13px 20px;
}
#navigation ul li {
    display:inline;
    float:left;
    list-style:none;
    padding: 13px 20px 13px 20px;
}
#navigation ul li a {
    color: gray;
    text-decoration: none;
    font-family:'Scada', sans-serif;
    font-size: 13px;
}
#navigation ul li a:hover {
    color: white;
}
.current {
    border-bottom: 1px solid #cb1c1c;
    color: white;
}
#contact {
    padding-top: 12px;
    float: right;
    position: relative;
}
#contact a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 9px;
    color: gray;
    padding: 11px;
}
#contact a:hover {
    color: white;
    border: #333333 1px solid;
    padding: 10px;
}