你不能让div本身成为一个链接，但是你可以让一个<a>标签作为一个块，与<div>具有相同的行为。

a {
    display: block;
}

然后你可以设置它的宽度和高度。

这对我来说很有用:

<div onclick="location.href='page.html';"  style="cursor:pointer;">...</div>

为什么不呢?使用<a href="bla"> <div></div> </a>在HTML5中工作良好

这个选项不需要一个空的gif，就像被点赞最多的答案一样:

HTML:

 <div class="feature">
       <a href="http://www.example.com"></a>
 </div>

CSS:

 div.feature {
        position: relative;
    }

    div.feature a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link */
        z-index: 10; /* Places the link above everything else in the div */
        background-color: #FFF; /* Fix to make div clickable in IE */
        opacity: 0; /* Fix to make div clickable in IE */
        filter: alpha(opacity=1); /* Fix to make div clickable in IE */
    }

如http://www.digitalskydesign.com/how-to-make-an-entire-div-a-link-using-css/所提议

实际上你现在需要包括JavaScript代码， 请查看本教程。

但有一个棘手的方法来实现这个使用CSS代码 你必须在你的div标签内嵌套一个锚标签，你必须应用这个属性，

display:block;

当你这样做了，它将使整个宽度区域可点击(但在锚标签的高度内)，如果你想覆盖整个div区域，你必须将锚标签的高度设置为div标签的高度，例如:

height:60px;

这将使整个区域可点击，然后你可以应用text-indent:-9999px到锚标签来实现目标。

这是非常棘手和简单的，它只是用CSS代码创建的。

这里有一个例子:http://jsfiddle.net/hbirjand/RG8wW/

这个例子很适合我:

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