Html 即使在Div之外也可以单击Div锚

我有一个非常简单的问题。每当我用一对锚定标记围绕一个div时，div就会变得可点击，但由于某种原因，可点击部分会延伸到div本身的尺寸之外，并穿过页面。如何使div在其边界内可单击，而不在页面上延伸？我在这里包括了我的代码

HTML

Codepen

您只需在div中添加一个链接，并将其添加到

a

a{
  display:inline-block;
  width:100%;
  height:100%;
}

这将确保链接在divs width+height内完全展开

如果您希望链接位于div之外，我的建议是将其设置为固定宽度，然后您可以根据div的大小进行调整（响应百分比）

这里有一些关于在div周围包装标签的信息

根据您所使用的HTML版本：

• [HTML 4.01][1]指定

  [2]：
  [3]:
  [4]:
  

Codepen

您只需在div中添加一个链接，并将其添加到

a

a{
  display:inline-block;
  width:100%;
  height:100%;
}

这将确保链接在divs width+height内完全展开

如果您希望链接位于div之外，我的建议是将其设置为固定宽度，然后您可以根据div的大小进行调整（响应百分比）

这里有一些关于在div周围包装标签的信息

根据您所使用的HTML版本：

• [HTML 4.01][1]指定

  [2]：
  [3]:
  [4]:
  

---

height

和

width

可以发布也可以发布

mystyle.css

也可以发布。

height

和

width

也可以发布

mystyle.css

非常感谢。对不起，我不知道我没有包括主播。我试着用锚把div包起来，这导致了一些奇怪的行为。我只是好奇为什么锚应该放在里面呢？非常感谢。对不起，我不知道我没有包括主播。我试着用锚把div包起来，这导致了一些奇怪的行为。我只是好奇为什么锚应该在里面？

a{
  display:inline-block;
  width:100%;
  height:100%;
}