Html 如何使整个div成为超链接

我有一个div，它包含背景颜色和其他样式，里面有一些包含超链接的文本。如何将超链接添加到整个div，以便在用户单击选定div时，执行附加到id的内容：

    <div class="className" style="background-color:green;" id="IDName" >
    <a href="#" style="font-weight: bolder;"> Your Text goes here </a>
</div> 

---

您必须在

标签上添加
显示：块
。默认情况下，
a
是内联元素，因此通过给出
display:block
它将作为块级元素

检查

a{display:block;}

您可以在div上设置onclick

<div class="className" style="background-color:green;" id="IDName" onclick="location.href=#" >



那么基本上单击div，执行一个函数？或者单击div并导航到新的url？在HTML5 doctype中，您可以将div（或大多数块级元素）包装在锚中。最简单的方法。这很好，但我只想添加高度：100%，以确保它也垂直填充div。要使文本水平居中，请使用
.className a{text align:center}
@NickR我尝试过这样做。className a{text align:center}但不起作用。我有没有办法在代码中加入style=“text align:center”？因为这个问题已经很老了，OP已经接受了，但仍然有人对我的问题投了反对票。主持人：应该有一个系统，可以捕获谁放弃投票。现在很难找到放弃投票权的人…这不是有效的HTML，它可能会导致旧浏览器出现问题。使用
display:block
模拟div比用内联
a
标记包装块级
div
要好。我知道你的意思，但它实际上是有效的HTML5，在旧浏览器中“足够好”地工作。
<a href="#" > <div>  This is the div wrapped by an anchor. </div> </a>