包含链接的div在IE 7中不显示为可单击。

| 我有以下代码
<a href=\"http://google.com\">
    <div style=\"float:left;\">
        Test
    </div>
    <div style=\"float:left;\">
        testing
    </div>
</a>
链接可以正常工作(单击div中的任意位置可导航到该链接),但在IE7中,div似乎不可点击。将鼠标悬停在div上时,光标不会变为手形。 悬停的工作方式与IE8,Firefox,Chrome中的例外 我的猜测是,通常有难看的IE hack :-(     
已邀请:
a {
  display: block;
  background: #eee; 
  overflow: hidden; 
  cursor: pointer;
}
即使没有更改指针,链接仍然有效,但是如果hasLayout设置为true(
overflow:hidden;
,它也包含其他浏览器中的浮点数),则IE7会更喜欢它,然后告诉它具有正确的光标。救命 ;)     
除非您有一些额外的标记,否则这应该可以工作: http://jsfiddle.net/Cd4PK/ 但是,这是不好的标记。内联元素(a)中不应包含块元素(divs)。尝试使用跨度?     
href
不能为
......
或为空 编辑: 尝试:
a
{
   display: inline-block;
}
    

要回复问题请先登录注册