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