0 
<div style="border: 1px solid lightgreen; height: 30px">
    <a href="#" style="text-decoration: none">
        <div
            style="border: 1px solid red; width: 40%; margin-left: 30%; margin-right: 30%; height: 29px;">
            <div style="padding-top: 6px; font-size: 15px; padding-left: 45%;">Flights</div>
        </div>
    </a>
</div>

在这里，我需要鼠标悬停的手形图标仅出现在内部 div 上（带红色边框的 div）。实际上我已经将锚标签单独给了内部 div.. 但它也适用于外部 ..!!

这张图简要说明：http: //awesomescreenshot.com/01b1ctcn55

4

3 回答 3

2

将 a 添加display:table-caption;到内部 div。

这是工作解决方案。

编码：

<div style="border: 1px solid lightgreen; height: 30px;">
    <a href="#" style="text-decoration: none">
        <div
            style="border: 1px solid red; width: 40%; margin-left: 30%; margin-right: 30%; height: 29px; display:table-caption;">
            <div style="padding-top: 6px; font-size: 15px; padding-left: 45%;">Flights</div>
        </div>
    </a>
</div>

希望这可以帮助。

于 2013-06-04T10:24:42.090 回答
0

您使用“a”标签封装嵌套的 div，使其中的所有内容都成为链接。尝试这个：

<div style="border: 1px solid lightgreen; height: 30px">
  <div style="border: 1px solid red; width: 40%; margin-left: 30%; margin-right: 30%; height: 29px;">
    <a href="#" style="text-decoration: none">
      <div style="padding-top: 6px; font-size: 15px; padding-left: 45%;">
        Flights
      </div>
    </a>
  </div>
</div>

使用它，只有内部 div 成为链接。见这里：http: //jsfiddle.net/8HG9N/8/

于 2013-06-04T10:31:29.527 回答
0

内部和外部div几乎相同高度，您确定它是带边框的外部div而不是内部div吗？

于 2013-06-04T10:19:13.580 回答