Firefox没有打开HTML链接，Chrome和＆amp;边缘工作

Question

我遇到了一个我以前从未见过的问题。我有一个“链接”链接到网站中的其他页面，它们在Edge，Chrome和Safari中完美运行，但Firefox无法打开它们。我只是轻拍而没有任何反应。

My Nav CSS For the Issue：

.navigation {
width: 75%;
position: relative;
left: 13em;
top: 3em;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}

.dropbtn {
background-color: transparent;
color: white;
font-size: 34px;
font-family: 'Anton', sans-serif;
border: none;
cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
background-color: #680b1e;
}

#about {
position: relative;
display: inline-block;
float: left;
margin-left: 40px;
}

HTML

<div id="about">
<button class="dropbtn"> <a href="about.html"> Book </a> </button>    
</div>

Answer 1

问题是HTML a不允许在button内，请参阅此问题以获取更多详细信息：

Link inside a button not working in firefox

可能的解决方法可能是使用按钮上的click事件来更改window.location（使用javascript），但不是真的推荐它，再次检查我链接的问题以获取更多信息有关变通方法和修复的详细信息。