css - 带标签的 div

Answer 1

.downloadBoks a {
     display: block;
     height: 100%;
 }

这将使整个正方形可点击。演示

Answer 2

使用 HTML5，您可以将块放入a标签中：

<a href="Prosjektplan.pdf">
    <p class="downloadBoks">
        Prosjektbeskrivelse
    </p>
</a>

Answer 3

您需要使<a>div 的内部具有 100% 的高度和宽度。这样他们就占据了 div 的所有内部，因此 div 是“可点击的”：

.downloadBoks a
{
    display:inline-block;
    height:100%;
    width:100%;
}