Html 为什么我的DIV与另一个DIV重叠？

在过去的一周里，我一直在努力修复这个HTML。我的div继续相互重叠。刷新页面后，页面会恢复正常，但有时当您在页面上着陆时，div会重叠。请帮助我修复这个困扰我的网站的错误。任何帮助都将是惊人的！如果您有任何进一步的问题，请询问，我会及时回复您的信息。谢谢：）

.product{
宽度：计算（（100%-90px）/4）；
边缘底部：59px；
位置：相对位置；
}
·产品形象{
宽度：100%；
}
.product_图像img{
最大宽度：100%；
}
.产品内容{
宽度：100%；
填充顶部：36px；
填充底部：38px；
}
.产品名称a{
字号：18px；
字号：500；
颜色：#1b1b1b；
线高：1.1；
-webkit转换：所有200毫秒的易用性；
-moz转换：所有200毫秒的易用性；
-ms转换：所有200ms的易用性；
-o型转换：所有200ms的易用性；
过渡：所有200ms缓解；
}
.产品价格{
字体大小：16px；
字号：500；
颜色：#6c6a74；
线高：0.75；
边缘顶端：13px；
}
.产品附加费{
位置：绝对位置；
排名：0；
左：54px；
宽度：66px；
高度：36px；
文本对齐：居中；
-webkit变换原点：左上角；
-moz变换原点：左上角；
-ms变换原点：左上角；
-o变换原点：左上角；
变换原点：左上角；
变换：旋转（90度）；
}
.product_extra a{
显示：块；
字体大小：16px；
字号：500；
颜色：#FFFFFF；
线高：36px；
}

$8.99
$8.99

添加Css-

.product_grid {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      margin: 0 -20px;
    }

.product {
      width: calc(100%/4 - 40px);
      margin-bottom: 59px;
      position: relative;
      margin: 0 20px;
    }

---

嘿，没用。你能给我一些联系方式吗？这样我就可以直接给你发信息了。