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*/

这个块在谷歌浏览器中消失了。发生了什么？

4

2 回答 2

8

这是 adBlock chrome 扩展 ;) 重命名你的 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 回答