我有一个<div>块与一些花哨的视觉内容，我不想改变。我想让它成为一个可点击的链接。
我正在寻找类似于<a href="…"><div>…</div></a>，但这是有效的XHTML 1.1。
当前回答
如果一切都能这么简单……
#logo {background:url(../global_images/csg-4b15a4b83d966.png) no-repeat top left;background-position:0 -825px;float:left;height:48px;position:relative;width:112px}
#logo a {padding-top:48px; display:block;}
<div id="logo"><a href="../../index.html"></a></div>
只要跳出框框思考一下;-)
其他回答
需要一点javascript。 但是，你的div是可点击的。
<div onclick="location.href='http://www.example.com';" style="cursor:pointer;"></div>
你不能让div本身成为一个链接，但是你可以让一个<a>标签作为一个块，与<div>具有相同的行为。
a {
display: block;
}
然后你可以设置它的宽度和高度。
我自作聪明的回答是:
对“如何使块级元素成为超链接并在XHTML 1.1中验证”的回避回答
使用HTML5 DOCTYPE DTD即可。”
但ie7并不适用
onclick = " location.href =“page.html”;“
适用于IE7-9, Chrome, Safari, Firefox，
为什么不呢?使用<a href="bla"> <div></div> </a>在HTML5中工作良好
将你的div包含在一个锚标记<a href></a>中:
<a href="">
<div>anything goes here will turn into a link</div>
</a>
