Html div消失在铬中
我不明白,我有什么问题。我有以下HTML代码: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"
<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也会起作用。。。很明显。哦,天哪。。。是的,你是对的)谢谢你!!!