Хотя упаковка <div>
в <a>
может сработать, я не думаю, что вам разрешено помещать элементы уровня блока внутри <a>
(как вы предлагаете в ответе Винсента Рамдхани). Из-за этого я бы порекомендовал это:
<div class="sidebox">
<a href="http://example.com">
</a>
</div>
Тогда для ваших стилей:
div.sidebox {
width: 100px;
height: 100px;
}
div.sidebox a {
display: block;
width: 100px;
height: 100px;
}
Ширина и высота для <div>
и <a>
должны быть одинаковыми, чтобы это работало.