在我的页面上,我想将“完成外观”移动到页面顶部。它已向右浮动,但似乎条目摘要中有某些内容阻止了“完成外观”。我似乎无法弄清楚问题是什么。如果您需要更多信息,请告诉我。
最佳答案
您需要删除 float: right
并将其设置为 position: absolute
和 right: 0
以使其工作:
.upsells {
width: 14.9284%;
position: absolute;
right: 0;
}
原因是将其向右浮动只会使其相对于其兄弟 float 。如您所见,当您将其正确 float 时,它会 float 在其之前的同级 .woocommerce-tabs
旁边。使用绝对定位时,您可以相对于其父元素定位它。如您希望它位于父项的右上角,您只需将 right
属性设置为 0
。
关于CSS 调试 : floating divs in wrong places,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16599284/