html两个div间有白线,html-在特定浏览器宽度下,白线出现在渐变填充div的末尾

我有一个ID为#gradient_div的div,其背景图像设置为线性渐变.仅在某些浏览器窗口宽度下,线性渐变的末尾与div #gradient_div的末尾之间才出现缝隙.当我拉伸和收缩浏览器窗口时,这条白线消失并重新出现.

似乎与边距有关：

>当我将边距设置为margin：0 1％;时,将显示while行

在特定的窗口宽度.

当窗口宽度以1％结尾时,白线出现在1％

例如68-92的范围：468px-492px,568px-592px,

668px-692px等

对于其他边距左右百分比,该行将显示在这些页面上

宽度：

> 2％：页面宽度在92-_04和42-54范围内结束

> 3％：页面宽度在34-41、67-74和00-08范围内结束

> 30％：页面宽度以5或8结尾

当我仅将背景设置为与渐变相反的颜色(例如背景)时,就没有白线问题.或当我将背景图像设置为图像时；更新当以px为单位设置边距时也不会发生.

欢迎提出解决此问题的建议,但我最想了解为什么会发生这种情况.是什么原因造成的？

#gradient_div{

background-image: linear-gradient(to right,rgba(0,126,255,0.86),rgb(152,4,228));

height: 100px;

margin: 0 1%;

border: 1px solid black;

}

总结

以上是生活随笔为你收集整理的html两个div间有白线,html-在特定浏览器宽度下,白线出现在渐变填充div的末尾的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。