1

Class "ad_left" の div 内のリンクが機能せず、その理由がわかりません。3つの異なるブラウザで試しましたが、動作は同じです。私は困惑しています。

<style>
#ad_content .ad_left{
float: left;
margin-right: 12px;
position: relative;
}
#ad_content .ad_right{
position: relative;
}
#ad_content .ad_expand {
position: absolute;
right: 0;
bottom: 0;
}
</style>
<div id="ad_content">
    <div class="ad_row">
        <div class="ad_left">
            <a href="#"><img src="images/ad_frleft.jpg" /></a>
            <a href="#"><img class="ad_expand" src="images/expand.png" /></a>
        </div>
        <div class="ad_right">
            <a href="#"><img src="images/ad_frright.jpg" /></a>
            <a href="#"><img class="ad_expand" src="images/expand.png" /></a>
        </div>
    </div><!-- End Ad Row #1 -->
</div><!-- End Content -->
4

2 に答える 2

0

詳細な情報がないと、目標が何であるかを判断するのは困難です。

1 つの問題があります。img タグに position:absolute を設定すると、アンカー タグから効果的に削除されます。アンカー タグにはコンテンツがないため、サイズがありません。画像の代わりに、アンカー タグに絶対位置を設定することで、これを解決できます。

<div id="ad_content">
    <div class="ad_row">
        <div class="ad_left">
            <a href="#"><img src="images/ad_frleft.jpg" /></a>
            <a class="ad_expand" href="#"><img src="images/expand.png" /></a>
        </div>
        <div class="ad_right">
            <a href="#"><img src="images/ad_frright.jpg" /></a>
            <a class="ad_expand" href="#"><img src="images/expand.png" /></a>
        </div>
    </div><!-- End Ad Row #1 -->
</div><!-- End Content -->
于 2013-05-05T08:11:05.673 に答える