css - CSS デバッグ: フローティング div が間違った場所にある

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;
}

その理由は、右にフロートすると、兄弟に関してのみフロートするからです。右にフロートするとわかるように、前の兄弟の隣にフロートします.woocommerce-tabs。絶対配置では、親要素に対して相対的に配置できます。親の右上に配置したいので、rightプロパティをに設定するだけです0。