链接不完全可点击

Question

链接的一部分不可点击。没有什么是最重要的。您甚至可以选择文字，但不会被视为链接。我检查了Firefox并且它正常工作。就在Chrome中。

我附加了一个.gif文件来显示发生了什么。

[

我包裹一个锚定标记与h1标签。整个文本应该是作为链接处理。正如GIF所显示的那样，文本被选中，这意味着链接上没有任何内容，但Chrome并未将整个文本视为链接。

任何想法发生了什么？

下面是文字

<h1 class="post-title"> 
 
    <a href="#">Vix sumo exerci, mel aeterno feugiat intellegam cu</a> 
 
</h1>

编辑的HTML：

下面是该项目

Answer 1

你必须给display:block你a因为a在默认情况下是一个内联元素，由于某种原因，当你设置font-size:15px到a和line-height:12px在h1父母也不会在Chrome

Answer 2

这修复它为我的link。

.post-title a { 
    position: relative; 
} 

虽然很奇怪。