リンクを親要素いっぱいに広げる方法

リンクを親要素いっぱいに広げるには

自分が忘れないように、メモとして書き残します。

[HTML]

<div class="linkbox">
  <a href="#"></a>

</div>

[CSS]

.linkbox{
  width:300px;
  height:300px;
  position: relative;
}

.linkbox a{
  display: block;
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

以上です。
割と簡単。