你可以使用href标签环绕元素，或者你可以使用jquery和使用

$('').click(function(e){
e.preventDefault();
//DO SOMETHING
});

为了让同伴的答案在ie7及以后的版本中工作，它需要做一些调整。

如果元素没有背景色，IE将不支持z-index，因此链接将不会与包含内容的div的部分重叠，只与空白部分重叠。为了解决这个问题，添加了一个不透明度为0的背景。 由于某种原因，当在链接方法中使用span时，IE7和各种兼容模式完全失败。然而，如果链接本身被赋予了样式，它就可以正常工作。

.blockLink  
{  
    position:absolute;  
    top:0;  
    left: 0;  
    width:100%;  
    height:100%;  
    z-index: 1;  
    background-color:#ffffff;   
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
    filter: alpha(opacity=0);  
    opacity:0;  
}

<div style="position:relative">  
    <some content>  
    <a href="somepage" class="blockLink" />  
<div>

这篇文章是旧的，我知道，但我不得不解决同样的问题，因为简单地写一个普通的链接标签，显示设置为块不能使整个div在IE中可点击。所以解决这个问题要比使用JQuery简单得多。

首先让我们理解为什么会发生这种情况:IE不会使一个空的div可点击，它只使该div/a标签内的文本/图像可点击。

解决方案:用烘焙图像填充div，并隐藏它不让查看器看到。

如何? 你问得好，现在听好了。 将此背景样式添加到a标签

> "background:url('some_small_image_path')
> -2000px -2000px no-repeat;"

现在整个div都可以点击了。这对我来说是最好的方式，因为我在我的图片库中使用它，让用户点击图像的一半左右移动，然后放置一个小图像，只是为了视觉效果。所以对我来说，我使用左右图像作为背景图像!

这是实现你想要的东西的“有效”解决方案。

<style type="text/css">
.myspan {
    display: block;
}
</style>
<a href="#"><span class="myspan">text</span></a>

但最可能的是，您真正想要的是将<a>标记显示为块级元素。

我不建议使用JavaScript来模拟超链接，因为这违背了标记验证的目的，标记验证的最终目的是提高可访问性(按照适当的语义规则发布格式良好的文档可以最大限度地减少不同浏览器对同一文档的不同解释)。

最好是发布一个不需要验证，但在所有浏览器(包括禁用JavaScript的浏览器)上都能正常渲染和运行的网页。此外，使用onclick不会为屏幕阅读器提供语义信息，以确定div是作为链接使用的。

这个例子很适合我:

<div style="position: relative; width:191px; height:83px;">
    <a href="link.php" style="display:block; width:100%; height:100%;"></a>
</div>

这是一个古老的问题，但我想我应该回答它，因为这里的每个人都有一些疯狂的解决方案。其实非常非常简单……

锚标记是这样工作的-

<a href="whatever you want"> EVERYTHING IN HERE TURNS INTO A LINK </a>

Sooo ...

<a href="whatever you want"> <div id="thediv" /> </a>

虽然我不确定这是否成立。如果这就是口头解决方案背后的原因，那么我道歉……