CSS將浮動元素移動到另一個位置

Question

我有一個使用WooCommerce和名爲Extra Product Options的插件的基於wordpress的網站。有了這個插件，除了有額外的選項，我在左下角有一個浮動框顯示選定的選項。

Link to product page

是否有可能通過CSS從左下角移動浮動框固定在產品圖片下方？

除非屏幕較小的人正在使用它，否則當前位置可以完美工作，因爲浮動框覆蓋了某些其他產品圖像和顯示在按鈕上的信息。

如果這太複雜了，有沒有其他建議解決這個問題？所有的建議非常appriciated！提前致謝！

在CSS

Answer 1

找到.tm浮箱，並設置位置從固定到相對

這是你有什麼

.tm-floating-box { 
    width: auto; 
    height: auto; 
    padding: 1em; 
    position: fixed; 
    right: 0; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    background: url("../images/p5.png") repeat scroll 0 0 transparent; 
    z-index: 9999; 
    max-height: 100%; 
    overflow: hidden 
} 

這是你想要將其更改爲

什麼

.tm-floating-box { 
    width: auto; 
    height: auto; 
    padding: 1em; 
    position: relative; 
    right: 0; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    background: url("../images/p5.png") repeat scroll 0 0 transparent; 
    z-index: 9999; 
    max-height: 100%; 
    overflow: hidden 
} 

它可能不會把它放在圖像下面，但它會阻止它流動並將它粘在左邊。