У меня есть этот DIV в верхнем левом углу моей страницы. Как я могу сделать якорь, который заполняет этот div?

Question

#mydiv {
position:absolute;
left:0px;
top:0px;
width:83px;
height:83px;
}

<div id="mydiv"></div>

Это мой стиль для моего DIV, который находится в верхнем левом углу моей страницы.Я хочу, чтобы этот div можно было кликать и перейти по ссылке.

Answer 1

#mydiv {
position:absolute;
left:0px;
top:0px;
width:83px;
height:83px;
}
#mydiv a
{
 display block;
 width:83px;
 height:83px;
}
<div id="mydiv"><a href="a">link</a></div>

Answer 2

Есть 2 способа сделать это. Первый и самый простой способ - обернуть ваш div тегом привязки (<a style="border: 0;" href="...">).

Или вы можете использовать css / javascript, добавив прослушиватель событий в div и добавив к нему указатель css:

<div onclick="window.open(http...)" style="pointer: cursor;" >...</div>

Answer 3

Вас может заинтересовать следующая статья с кратким объяснением и рабочим примером:

• Заполнение элемента уровня блока анкером