Html 如何创建可单击的块？

我在Drupal7中有一个视图，显示当前登录用户的4个用户字段。我将输出重写为以下代码：

<div>[field-1]</div>
<div>[field-2]</div>
<div>[field-3]</div>
<div>[field-4]</div>

[field-1]
[现场-2]
[现场-3]
[现场-4]

我可以向字段中添加一些CSS类，让所有内容看起来更好一些，但我在某个点上遇到了困难：我想添加一个指向块的链接，该块将用户重定向到他/她的个人资料页面（url是

user/[uid]

）。要完全清楚，我希望整个块作为某种“按钮”（就像这个网站顶部菜单中的“按钮”），所以我不希望单独的字段链接到配置文件页面（我知道怎么做）

---

这可以通过CSS和/或HTML实现吗？

尝试将'div'包装在'a'元素中：

<a href="/user/id"><div>[field...]</div></a>

---

是的，这使得整个区块都可以点击！事实上，你立即反驳了我的下一个问题。我将尝试使用CSS对其进行一些自定义。@Jeroen在编辑之后，注释代码不知何故被弄乱了。。。给你修好了。很高兴能帮上忙：）那工作绝对完美。谢谢！我想象不出有那么容易

<a class="link-box" href="/user/id"><div>[field...]</div></a>

.link-box {
  color: #000;
  text-decoration: none;
}