两个相同背景的div之间有一条白色缝隙,如何解决

阿健666
  • 81

两个相同背景(黑色)的div之间有一条白色缝隙,如何解决?
如图:
图片描述

补充一点:
由于设置的两个div背景是有透明度的 background: rgba(0,0,0,0.8);
所以,设置 margin-top: -1px;会出现一条黑色的缝隙,如图
图片描述

再贴下代码:

html:

<div class="news_user_guide">
        <div class="guide1"></div>
        <div class="guide3"></div>
    </div>
    
    
    

css

.news_user_guide{width: 100%;height:100%;position: fixed;left: 0;top:0;z-index: 999; }
    .news_user_guide .guide1{width: 100%;height: 168px;background:rgba(0,0,0,0.8);}
    .news_user_guide .guide3{width: 100%;height: 326px;background:rgba(0,0,0,0.8);}
回复
阅读 10.3k
6 个回答
同梦奇缘
  • 4.1k
✓ 已被采纳

先给你上两张图:

clipboard.png

clipboard.png

你仔细看一下缩放比例,在浏览器上模拟的时候如果缩放比不是100%会有这个问题,所以建议在100%比例下调试

margin-top: -1px;

首先你要确定一下这条线是怎么出现的,关于盒模型的文章很多,我就不重复了,实在不行就设置margin,定位什么的消除这条线

正常是没有的,你应该把代码贴上来,这个问题有可能是其中一个div的边框或者谁的外边距,你打开控制台看一下元素

去控制台调试一下,我这边正常显示

父元素设置font-size:0

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏