Div在Firefox中的位置低于其他浏览器

Question

我有一个从侧面滑入的推车抽屉和用于产品的多个div。其中一个div位于Firefox的较低位置，它溢出了容器，但在其他浏览器（Chrome，Opera，IE，Edge）中都很好。我不知道是什么导致它，因为除了10px的左边距之外我甚至没有做任何定位。有人可以帮忙吗？

Answer 1

将购物车图片浮动到左侧

header .cart-container #drawer-products .product-elements {
float: left;
}

然后通过添加float left和width 100％

来清除此div

header .cart-container #drawer-products #drawer-indiv-product {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
    height: 80px;
    float: left;
    width: 100%;
}

添加这些更改将使firefox和chrome购物车看起来相同