CSS 调试 : floating divs in wrong places

Question

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

http://md4s1307.keaweb.dk/shop/coats/petrod-coat/

Answer 1

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

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

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