我来这里是希望能找到比我更好的解决办法，但这里提供的办法我一个都不喜欢。我想你们有些人误解了这个问题。OP希望使一个充满内容的div表现得像一个链接。其中一个例子是facebook的广告——如果你仔细观察，你会发现它们实际上是适当的标记。

对我来说，不应该的是:javascript(不应该只是一个链接，非常糟糕的SEO/可访问性);无效的HTML。

本质上是这样的:

Build your panel using normal CSS techniques and valid HTML. Somewhere in there put a link that you want to be the default link if the user clicks on the panel (you can have other links too). Inside that link, put an empty span tag (<span></span>, not <span /> - thanks @Campey) give the panel position:relative apply the following CSS to the empty span: { position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; /* fixes overlap error in IE7/8, make sure you have an empty gif */ background-image: url('empty.gif'); } It will now cover the panel, and as it's inside an <A> tag, it's a clickable link give any other links inside the panel position:relative and a suitable z-index (>1) to bring them in front of the default span link

苏联的回答对我来说是不够的。我必须使用

a { display: inline-flex; }

要删除基线工件，当只使用a。

<a href="…" style="cursor: pointer;"><div> … </div></a>

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

需要一点javascript。 但是，你的div是可点击的。

<div onclick="location.href='http://www.example.com';" style="cursor:pointer;"></div>

最简洁的方法是使用jQuery和HTML中引入的数据标记。使用这个解决方案，您可以在每个标签上创建一个链接。首先用data-link标签定义标签(例如div):

<div data-link="http://www.google.at/">Some content in the div which is arbitrary</div>

现在，您可以随意设置div的样式。你还必须为类似“link”的行为创建样式:

[data-link] {
  cursor: pointer;
}

最后把jQuery调用放到页面上:

$(document).ready(function() {
  $("[data-link]").click(function() {
    window.location.href = $(this).attr("data-link");
    return false;
  });
});

jQuery通过这段代码对页面上具有“data-link”属性的每个标记应用一个点击监听器，并重定向到数据链接属性中的URL。