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 だけにアンカー タグを付けています..しかし、外側の div にも付いています..!!

この写真で簡単に説明します: http://awesomescreenshot.com/01b1ctcn55

4

3 に答える 3

2

display:table-caption;内側の divに a を追加します。

これが実用的なソリューションです。

コード：

<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

内側の div と外側の div はほぼ同じ高さです。内側の div ではなく、境界線のある外側の div であると確信していますか?

于 2013-06-04T10:19:13.580 に答える