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

Question

非常奇怪的问题：当我的网页第一次加载时，布局就像这样破坏了：

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

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

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

我不知道为什么会发生这种情况以及为什么它会重新加载页面。任何人

Answer 1

我发现了这个问题：元素＃cart-container有一个附加到它的类，它将它的位置设置为相对。这与float：right结合起来造成了问题。

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