CSS-线条和正方形无处不在

Question

我有一个奇怪的问题，就是直线或正方形无处不在，并且我认为这与溢出有关：滚动

示例1：我有一个div，当我上下滚动时，一条垂直线开始出现，并且越来越明显。这是内容左侧的白线。

之前：https://i.stack.imgur.com/ECri5.png

之后：https://i.stack.imgur.com/RrMD6.png

这是该div的CSS：

position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
background-color: #000;
color: #fff;
padding: 50px;
height: 200px;
overflow: scroll;

示例2：在此示例中，灰色正方形随机出现在div的左上方。有时它会出现，有时它不会出现，当它出现时，它会在随机的时间后出现，但并不总是立即出现。

之前：https://i.stack.imgur.com/n0IVa.png

之后：https://i.stack.imgur.com/yrwCC.png

这是该div的CSS：

display: block;
float: left;
width: 14.342%;
padding: 5px;
box-sizing: border-box;
border: 1px solid #ccc;
overflow: scroll;

如果我消除了溢出：滚动这些内容就消失了。

任何人都经历过这样的事情或对发生的事情一无所知？任何帮助或见识将不胜感激。