Html 为什么每秒钟有一个平行四边形div？

问题在标题中

这是一把小提琴：

代码如下：

正文{
字号：0；
保证金：0；
}
.按钮{
高度：100px；
背景色：红色；
宽度：85px；
变换：倾斜（20度）；
位置：相对位置；
显示：内联块；
}

---

这里的问题似乎是平行四边形的宽度有时某个宽度可以显示div之间的空间

尝试更改：

width: 85px;

到

---

通常奇数将显示div之间的空格。在选择元素的宽度时，请尝试始终使用偶数。

您可以添加一个小轮廓：

.container{
字号：0；
保证金：0；
}
.按钮{
高度：100px；
背景色：红色；
宽度：85px；
显示：内联块；
位置：相对位置；
变换：倾斜（20度）；
轮廓：0.1px纯红；
}

亚像素渲染问题。。我看到他们之间的空白（改变缩放级别，它将是不同的）你说的是哪个空间？你能用图像突出显示它吗？@Aditya我添加了一个图像。一个可能的解决方法是在{content:；left:-1px；top:0；right:-1px；bottom:0；背景色：红色；position:absolute；}你的目标是什么？您想要实现的布局。有很多方法可以直观地获得你想要的东西，当网站以100%显示时，这些方法可以解决问题。当你缩小到70%时，你仍然会看到每第二或第三分区的空间。尽管如此，这对我来说是一个足够好的解决方案。谢谢！：）回答不正确。在不同的web浏览器上，以不同的分辨率，问题将再次出现，因此@Krøsh，不要将此作为解决方案。您可以使用

左边距：-1px，这应该就可以了，itOP在问题中已经提出，负保证金可以解决这个问题。
width: 86px;