由于某种原因，HTML链接不可点击[关闭]答案

【问题标题】：HTML link is un-clickable for some reason [closed]由于某种原因，HTML链接不可点击[关闭]
【发布时间】：2014-07-15 09:02:08
【问题描述】：

我正在设计一个网站，我使用文本链接（href）作为徽标，但由于某种原因它不可点击。我用铬检查了它，没有发现任何可疑之处。我什至尝试更改 html 代码，但没有任何效果。有人可以解释一下吗？谢谢。

链接是左上角的标志，WhatAboutHTML

这里是链接：http://whatabouthtml.com 下面是代码：

<div class="logo">
     <h1 style="font-size: 24px;line-height: normal; margin-bottom: 0px;">
        <a href="http://whatabouthtml.com/" title="What About HTML" rel="home">What About HTML</a>
    </h1>
</div>

【问题讨论】：

始终提供相关代码和适当简洁的问题示例。
您的包装 div 与您的链接所在的 div 重叠。因此，它不可点击，因为浏览器认为它不可访问。
@Mike K 能不能说的再具体点，没看懂，最好是代码示例，谢谢
好的。首先，为什么你的wrapper div 是1180px，更重要的是，你为什么有!important 声明？强烈建议不要使用 !important。如果您需要使用网格系统，请查看 Bootstrap 或 960 网格系统。

标签： html hyperlink href

【解决方案1】：

只需将以下内容添加到您的代码中：

#nav {
    position: relative;
    z-index: 9999;
}

或者把你的导航放在正确的地方。哪个在包装内。

【讨论】：

P.S：代码一团糟
@Danny van Holten 谢谢，它有效。但是有没有办法清理代码，所以我不必使用上面的 css 规则，我正在尝试编写干净的 HTML 代码。谢谢。