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

Question

两个相同背景（黑色）的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);}

Answer 1

先给你上两张图：

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

Answer 2

margin-top: -1px;

Answer 3

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

Answer 4

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

Answer 5

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

Answer 6

父元素设置font-size:0