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; }

如何让整个DIV可点击进入另一个页面？

4 个答案: