1

私は理解できません、私の問題は何ですか。私はこのHTMLコードを持っています:

<div id="ad-wrapper" >
    <div id="ad-left-wrapper" >
        <img src="Images/promo-left.png" alt="" />
    </div>
    <div id="ad-middle-wrapper" >
        <img src="Images/promo-middle.png" alt="" />
    </div>
    <div id="ad-right-wrapper" >
        <img src="Images/promo-right.png" alt="" />
    </div>
</div>

そしてそれのためのこのCSS：

#ad-wrapper
{
    height: 450px;
    width: 900px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#ad-left-wrapper
{
    width: 210px;
    height: 450px;
    float: left;
}

/* for middle and right blocks styles are similar*/

そして、このブロックは Google Chrome では消えています。何が起こったか？

4

2 に答える 2

8

それはadBlockクロム拡張機能です;）IDの名前を変更します

于 2013-08-08T14:05:02.950 に答える
1

HTML スクリプトは正常に動作しています。境界線の色や背景色について言及していないため、これは FireFox と Chrome では表示されません。

Chromeでテストしました。調べてみてください

<div id="ad-wrapper" >
        <div id="ad-left-wrapper" >
            <img src="Images/promo-left.png" alt="" />
        </div>
        <div id="ad-middle-wrapper" >
            <img src="Images/promo-middle.png" alt="" />
        </div>
        <div id="ad-right-wrapper" >
            <img src="Images/promo-right.png" alt="" />
        </div>
    </div>

#ad-wrapper
{
    height: 450px;
    width: 900px;
    margin-top: 20px;
    margin-bottom: 20px;
    border:solid 1px; <!-- Border pixel -->
    border-color:#ff0;<!-- Border color-->

}

#ad-left-wrapper
{
    width: 210px;
    height: 450px;
    float: left;
    border:solid 1px; <!-- Border pixel -->
    border-color:#999;<!-- Border color-->
}

/* for middle and right blocks styles are similar*/
于 2013-08-08T14:21:27.680 に答える