Javascript 锚定标签可在整个屏幕宽度上单击

我正在开发一个小应用程序，发现了一个奇怪的bug。我目前正在使用锚定标签来表示我的应用程序中的按钮，我可以将它们改为实际的按钮，但我现在决定坚持使用锚定

然而，我注意到锚定标签可以在整个屏幕上点击。有人能指出为什么会发生这种情况吗？我想这是我的CSS出了问题

请参见下面的示例

#评论列表{
列表样式类型：无；
填充：0；
保证金：0；
显示：块；
}
#评论列表李a{
宽度：364px；
边框：1px实心#ddd；
页边顶部：-1px；
背景色：#f6f6f6；
填充：12px；
文字装饰：无；
字体大小：14px；
字体系列：Arial、Helvetica、无衬线字体；
颜色：黑色；
显示：块；
}

我认为这是你的问题：

更改：

#commentList li a {
      width: 364px; 
      border: 1px solid #ddd;
      margin-top: -1px;
      background-color: #f6f6f6; 
      padding: 12px;
      text-decoration: none;
      font-size: 14px;
      font-family: Arial, Helvetica, sans-serif;
      color: black;
      display: block;    
    }

致：

---

宽度应用于

我认为这是您的问题：

更改：

#commentList li a {
      width: 364px; 
      border: 1px solid #ddd;
      margin-top: -1px;
      background-color: #f6f6f6; 
      padding: 12px;
      text-decoration: none;
      font-size: 14px;
      font-family: Arial, Helvetica, sans-serif;
      color: black;
      display: block;    
    }

致：

宽度应用于
这是因为
onclick=function（）
位于
li
标记上，而不是锚定标记上，并且
li
跨越整个宽度，因为它们是没有
宽度设置的块元素。
这是因为
onclick=functional（）
位于
li
标记上，而不是锚定标记上，并且
li
s跨越整个宽度，因为它们是没有
宽度设置的块元素。
位于
a
标记上，而不是
显示：块执行<代码>显示：内联块a
标签上编码>
，而不是
显示：块执行<代码>显示：内联块
这是正确的。谢谢你回答我的问题！这是正确的。谢谢你回答我的问题！