css - CSS 调试：在错误的地方浮动 div

Question

在我的页面上，我想将“完成外观”移动到页面顶部。它已向右浮动，但条目摘要中似乎有一些东西阻止了“完成外观”。我似乎无法弄清楚问题似乎是什么。如果您需要更多信息，请告诉我。

score 1 · Accepted Answer

您需要删除并将float: right其设置为position: absolute，并right: 0使其工作：

.upsells {
    width: 14.9284%;
    position: absolute;
    right: 0;
}

原因是向右浮动只会相对于其兄弟浮动。正如您所看到的，当您将其浮动到右侧时，它会浮动在其先前的兄弟旁边.woocommerce-tabs。使用绝对定位时，您可以相对于其父元素定位它。如您所愿，它位于父级的右上角，您只需将right属性设置为0.

1 回答 1