我有一个包含链接的HTML列表。出于某种原因，当列表项设置为display:inline或display:inline-block时，链接不可单击，列表项上的悬停状态不起作用。仅当列表项设置为display:block时，链接才可以点击并且悬停状态有效。
这是证明问题的jsfiddle。
这是jsfiddle，列表项设置为阻止，链接可点击。
如何将列表项设置为display:inline并仍具有它们的功能？
答案 0 :(得分：0)
我实际上并未发现问题，但这听起来像是一个崩溃的边缘问题。尝试将a代码设置为display: block，然后将其父代li设置为display: inline-block
答案 1 :(得分：0)
我想我可能已经解决了你的问题。 （虽然我必须承认绝对没有wordpress经验，严格的HTML，CSS和Javascript。）在你的HTML中，你遇到了堆栈顺序的问题，一个元素模糊了另一个。您将标题设置为太大的高度，并且它阻止了主网站内容的顶部，这就是为什么链接在标题部分下方级联之前无法点击的原因。 display:block或display: inline-block与标记的可点击性无关（据我所知）。
目前的代码是：
<header id="masthead" class="site-header" role="banner" style="height:140px">
将140更改为67，如下所示：
<header id="masthead" class="site-header" role="banner" style="height:67px">
我希望对你有用！ ：）