css - Chrome 中的布局在初始页面加载时中断，重新加载后更正？

Question

非常奇怪的问题：当我的网页第一次加载时，布局是这样的：

如果我刷新浏览器，布局会更正并按原样显示：

以下是影响这部分布局的样式：

#cart-container {
    background-color: #000000;
    width: 176px;
    height: 35px;
    float: right;
    margin-top: 74px;
}

我不知道为什么会发生这种情况，以及为什么在重新加载页面时它会更正。有人吗？

Answer 1

我发现了这个问题：元素 #cart-container 附加了一个类，它将其位置设置为相对。这与 float:right 相结合导致了问题。

为了解决这个问题，我删除了分配相对定位的类，保持浮动正确，然后调整包含文本（“购物车”）和向下箭头的绝对定位元素。现在一切都很好。