这有点棘手，因为我使用php来输出我的内容，而且它需要很多代码。
如果你去http://www.nunchycrut.com#nav=resources&rsc=文章&年=2014你应该看到2014年的文章列表-只有一个叫做记忆通道。
当您将鼠标悬停在链接上时，它似乎无法正常工作。鼠标悬停在链接上有下划线，但似乎你必须单击实际的水平下划线才能跟随链接，如果你单击文本，它将不起作用。
页面上的所有其他链接（橙色）都是使用同一个类创建的，这似乎只发生在文章列表中。
以下是php中输出文章链接的部分：
<div
style='position: relative; float: left; margin-top: 0px; margin-left: 4px;'
onclick='showArticle('"" . $strY ."'", '"" . $arrLines[4] . "'");'
>
<b>" . $arrLines[1] . " -- </b>
<a
href='#nav=resources&rsc=articles&year=" . $strY . "&art=" . $arrLines[4] . "'
>
" . $arrLines[0] . "
</a>
</div>
$arrLines[0]保存实际的物品名称（memorylane）。我已经玩了一段时间，试图弄清楚，事实上其他链接都很好。我以前从来没有见过这个有超链接的，有线索吗？
我可以发布css类代码，但我不认为这是这里的问题，正如我所说的，该类的使用一直没有问题（例如，2014年和2015年的文章存档链接）。
这在浏览器上不是一个大问题，但我用手机测试了它，由于这个问题/，很难打开特定的链接
我确实尝试过在实际的超链接中使用onclick=''属性，比如：
<a
href='#nav=resources&rsc=articles&year=" . $strY . "&art=" . $arrLines[4] . "'
onclick='showArticle('"" . $strY ."'", '"" . $arrLines[4] . "'");'
>
" . $arrLines[0] . "
</a>
但它仍然在做同样的事情。如果能在所有浏览器中使用，任何想法或解决方案都将不胜感激。
谢谢。
您需要进行2次更改（删除float：left）：
<p class="ContentReg" style="position: relative; margin-top: 0px; margin-left: 4px;" onclick="showArticle("2014", "memorylane");">
<b>November 12, 2014
-- </b>
<a href="#nav=resources&rsc=articles&year=2014&art=memorylane">
A trip down memory lane.
</a>
</p>
并更改（移除位置：相对）
<p class="ContentSmall" style="float: right; margin-top: 8px; margin-left: 10px; margin-right: 4px; text-align: right;">
By <font color="#6495ED">Nunchy
</font>
</p>
在段落标记的内联样式中删除position: relative。
<p class="ContentSmall" style="/* position: relative; */ float: top; margin-top: 8px; margin-left: 10px; margin-right: 4px; text-align: right;">您的超链接需要从：
href='#nav=resources&rsc=articles&year=" . $strY . "&art=" . $arrLines[4] . "'
至：
href='#?nav=resources&rsc=articles&year=$strY&art=$arrLines[4]'
当您将双引号（"）与回显一起使用时，它将回显变量，但如果您将单引号（'）与回隐一起使用，它将按原样回显文本。
当为PHP构建超链接时，你应该记住：
-页面上的位置
？-表示您正在设置页面变量