如何讓整個DIV可點擊進入另一個頁面？

Question

不要將它綁定到javascript“onclick”。

它需要成為一個錨點。

我知道我可以綁定onclick到div並使它成為window.location。 但是，然后......用戶無法通過CONTROL +單擊它打開新選項卡。

我只想要一個填充整個div的<a> 。

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

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

Answer 4

一些HTML：

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

一些css

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