Comment rendre l'intégralité du DIV cliquable pour aller à une autre page?

Question

Ne pas lier à javascript "onclick".

Il doit s'agir d'une ancre.

Je sais que je peux lier onclick au div et le rendre window.location. Cependant, alors ... l'utilisateur ne peut pas ouvrir un nouvel onglet en CONTROL + cliquant dessus.

Je veux juste un <a> qui remplit le div entier.

Answer 1

Essayez le réglage de l'ancre pour afficher un bloc dans votre DIV et en définissant sa hauteur à 100%, comme ceci:

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


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

Vous pouvez voir un travail exemple ici: http://jsbin.com/ujoca3/2/edit

Answer 2

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

Answer 3

certains html:

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

code CSS

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

Answer 4

La manière sémantique de le faire serait de faire agir l'ancre comme un div. Parce que vous ne voulez rien d'autre dans le conteneur, il n'y a pas de raison d'avoir un conteneur.

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