需要帮助精确定位导致此对齐问题的CSS

Question

我在使用OpenCart试用的这个新主题时遇到了问题。我已经尽力在Firefox中使用Firebug来诊断问题，但我无法确定这里的罪魁祸首。

可以看到问题here：

http://bit.ly/13KG6dz

（使用bit.ly因为不允许IP地址 - 不要担心它不是病毒）

基本上在OpenCart中，您可以为产品添加“选项”。 OpenCart附带一些样本虚拟产品。其中一个产品有9种不同的选项，所有这些选项都很好。但是当我在OpenCart中定义一个新选项并将其添加到此产品时，存在对齐问题，可以在下面看到：

图为示例：

1）初始状态：

仅限默认选项。一切都很好，没有对齐问题。

2）添加新选项后

现在我定义一个新选项并将其添加到此产品中，并且可以看到对齐问题：

请注意，仅当我向现有样本产品添加新选项时才会发生这种情况。但是，这也仅发生在此OpenCart安装上使用的特定主题上。

如果有人能够深究这一点，我将非常感激！

Answer 1

是的，正如我猜测的那样，这是浮动的问题，在这里添加这一行

 <input type="radio" id="option-value-20" value="20" name="option[228]">
 <label for="option-value-20">No</label>
 <br>
 </div>
 <div style="clear: both"></div>
           <!-- ^This will clear your floats, alternatively you can use
                  overflow: hidden; on container element -->

此<div id="option-228" class="option boss_radio">结束后

Answer 2

您的css规则boss_radio中定义了浮点数。如果你删除这个类，你的元素就可以了！问题是，这条规则使元素浮动的宽度只有30％左右，这将使其他元素保持在同一条线上。