Html div消失在铬中

Html div消失在铬中,html,css,google-chrome,markup,Html,Css,Google Chrome,Markup,我不明白,我有什么问题。我有以下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"

我不明白,我有什么问题。我有以下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>

这些块在Google Chrome中消失了。发生了什么事?

是adBlock chrome扩展;)重命名id的

它是adBlock chrome扩展;)重命名id的

您的HTML脚本工作正常。这不会显示在FireFox和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*/

#广告包装
{
高度:450px;
宽度:900px;
边缘顶部:20px;
边缘底部:20px;
边框:实心1px;
边框颜色:#ff0;
}
#广告左包装
{
宽度:210px;
高度:450px;
浮动:左;
边框:实心1px;
边框颜色:#999;
}
/*对于中间块和右侧块,样式类似*/

您的HTML脚本工作正常。这不会显示在FireFox和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*/

#广告包装
{
高度:450px;
宽度:900px;
边缘顶部:20px;
边缘底部:20px;
边框:实心1px;
边框颜色:#ff0;
}
#广告左包装
{
宽度:210px;
高度:450px;
浮动:左;
边框:实心1px;
边框颜色:#999;
}
/*对于中间块和右侧块,样式类似*/

嗯,我不知道。我做了一个快速的小提琴()并且在我这边的Chrome上一切都很好。我放置了令人厌烦的背景色样式,这样我可以看到一些结果。你可以将链接放到你的页面上吗?或者把它放在jsfiddle.net中?对我来说很好。可能是Hmmm的复制品,我不知道。我做了一个快速的小提琴()并且在我这边的Chrome上一切都很好。我放置了令人厌烦的背景色样式,这样我可以看到一些结果。你可以将链接放到你的页面上吗?或者把它放在jsfiddle.net中?对我来说很好。这听起来像是一个正确的答案,事实上,这是我唯一能看到的导致这个特定问题的原因…为页面禁用adblock也会起作用。。。很明显。哦,天哪。。。是的,你是对的)谢谢你!!!这听起来像是一个正确的答案,实际上,这是我唯一能看到的导致这个特定问题的原因…为页面禁用adblock也会起作用。。。很明显。哦,天哪。。。是的,你是对的)谢谢你!!!