Woocommerce CSS對齊

Question

在我的wordpress，woocommerce網站上，我使用了一個名爲Extra Product Option的插件，它的作用是自我擴展。這裏是一個產品頁面的鏈接： https://www.fonster24.tk/produkt/tra-vridfonster/

第一個標題爲「Bredd」和「Höjd」的選項是寬度和高度。當你第一次去鏈接時，你可以看到它們彼此相鄰。但是，當您選擇另一個寬度時，高度下拉列表會跳到寬度下方。其原因是因爲該插件/我使用條件邏輯 - 這樣對於每個寬度選項顯示「新的」高度（原因是因爲高度的定價值取決於該寬度被選擇上是不同的）。我試圖在它們和高度上添加CSS float: right/left和display: inline-block。

唯一時間任何改變是當我設置float: right（選擇寬度6時爲寬度和高度，其當前設置）。

真的很感謝任何幫助我可以:)非常感謝！

Answer 1

有clearfix格在你的代碼中加入您的選擇框後，使剛剛添加的CSS明確表示：

.tm-extra-product-options .cpfclear { 
    float: none; 
} 

Answer 2

添加此下方CSS

.tm-extra-product-options .col-6, .tm-extra-product-options .tm-cell.col-6, .tc-cell.tc-col-6, .tc-col-6{width: 50%; float: left;} 
.tm-extra-product-options .tm-extra-product-options-container, .tm-extra-product-options .tmcp-ul-wrap { 
    float: left; 
    overflow: visible; 
} 
.tm-extra-product-options .cpfclear { 
    float: none; 
    height: 0; 
    margin: 0; 
    min-height: 0; 
    overflow: visible; 
    padding: 0; 
    position: relative; 
    width: 100%; 
}