Как сделать весь DIV кликабельным, чтобы перейти на другую страницу?

Question

Не привязывайте его к javascript "onclick".

Это должен быть якорь.

Я знаю, что могу связать onclick с div и создатьwindow.location.Однако затем ... пользователь не может открыть новую вкладку, нажав CONTROL +.

Я просто хочу <a>, который заполняет весь div.

Answer 1

Попробуйте установить привязку для отображения в виде блока в DIV и установить его высоту на 100%, например:

<style>
  a { display: block; height: 100% }
  #test { width: 100px; height: 200px; background: red;  }
</style>


<div id='test'><a href='#'>...</a></div>

Рабочий пример можно посмотреть здесь: http://jsbin.com/ujoca3/2/edit

Answer 2

Семантический способ сделать это состоит в том, чтобы привязка действовала как div. Поскольку в контейнере больше ничего не нужно, контейнер не имеет смысла.

<style>
    a.fakeDiv, a.fakeDiv:link, a.fakeDiv:hover, a.fakeDiv:active, a.fakeDiv:visited{
       display: block;
       text-decoration: none;
       color: Black;
       cursor: default;
       outline: none;
    }
</style>
<a class="fakeDiv">Content</a>

Answer 3

некоторые HTML:

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

немного CSS

yourdiv { position: relative; }
yourdiv a { position:absolute; left:0;right:0;top:0;bottom:0; }

Answer 4

<div>
  <a href="somepage.php" style="display: block; height:100%; width: 100%; margin: 0; padding: 0;"></a>
</div>