html - 如何使整个div成为超链接

Question

我有一个包含背景颜色和其他样式的 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> 

Answer 1

你必须添加一个display:block在 a标签。默认 a是内联元素所以通过给一个 display:block它将表现为 block 级元素。

检查 DEMO 。

a{display:block;}