在某些缩放测量之间的元素之前和之后的间隔线。

Question

.green-right:before{content:"";width: 0; height: 0;border-left: 9px solid transparent;border-right: 5px solid #53C6D3;border-bottom: 9px solid transparent;border-top: 9px solid transparent;position: absolute;top:0; left:-14px;}
.green-right {margin:5px 0px 5px -6px; width:12px;height:18px; left:50%; cursor:pointer; float:left;background-color:#53C6D3;position: relative; padding:0 !important;}
.green-right:after{content: ""; z-index:1;width: 0; float:left;position: absolute;left: 12px; border-left: 5px solid #53C6D3;border-right: 9px solid transparent;border-bottom: 9px solid transparent;border-top: 9px solid transparent;}

上面的代码创建了这个元素：

正如您所看到的，在某些屏幕宽度上，我在前后元素之间获得了这些白线。我该如何防止这种情况发生？

这是一个codepen：CodePen

放大和缩小时，可以看到不需要的线条/线条。