Html 如何使a标签达到全尺寸

如果我能点击

容器，里面就是

，那就太好了

所以我的容器的宽度是100px，高度是100px，但是我的标签的宽度是20px，高度是15px

因此，我只能单击标记中的文本

我能换一下吗

<li>
<a href="technology/sem/">SEM</a>
</li>

---

这不起作用。

在其上设置块上下文属性

li a {
display:block;
}

---

您应该对“a”标记应用

display:block

---

例如：

您可以在样式表中尝试

li>a{display:block；}

。请确保在

li

前面加上适当的

ul

类或选择器，以便将更改与该事件隔离。

我无法清楚地了解您的问题所在，如果您希望调整

标记的大小，解决方案如下：“display”属性应为“block”或“inline block”

如果希望其大小与父级相同，则还应具有大小指令，如：

li a { display: block; width:100%; height: 100% }

如果您希望在单击时这样做，则可以使用纯css解决方案

li a:active {
  display: block; width:100%; height: 100%;
}

---

如果这不是您问题的答案，请进一步解释。

默认情况下，

标记是一个内联元素。@AlexKante尝试将填充添加到

标记，而不是

，那么您还有其他事情要做。也许您可以提供一个链接或一个jsfiddle，为我们提供一个调试该问题的演示链接

li a:active {
  display: block; width:100%; height: 100%;
}