html - 如何使 <a> 标签的大小与其父 <li> 标签的大小相同，以获得更大的可点击区域？

Question

我想这样做，以便标签上的可点击区域是 LI 的大小。

我的 html 看起来像:

<li>
 <a href="#">Link</a>
</li>

Answer 1

正如其他人所说

li a { display: block; }

应该实现你所追求的。 但是您还必须从

中删除任何填充，并将其设置在 上。例如:

li { padding: 0; }
  li a { display: block; padding: 1em; }