css - 切换填充会导致不寻常的布局更改

Question

我目前正在网站http://www.lovepotatoes.ovh3.microserveltd.co.uk/上工作，这个问题与具有下拉菜单和 3 个文本字段的食谱搜索块有关。

在 Firefox 中它显示得很好，而在其他浏览器中，第二个文本输入的位置很奇怪。我注意到在 Firebug 中，如果我在文本标签中打开和关闭填充，那么 Firefox 也会表现出这种行为。

我需要做些什么来解决这个问题并获得 2 行的流畅布局？任何解释为什么会发生这种情况？

Answer 1

如果您将其添加到style="clear:left;"成分2输入中，它应该可以工作。 div

<div class="form-item form-type-textfield form-item-field-ingredients-value-1"
style="clear:left;">
 <input type="text" class="form-text" maxlength="128" size="60" value=""
name="field_ingredients_value_1" id="edit-field-ingredients-value-1"
title="Ingredients 2" style="color: rgb(170, 170, 170);">
</div>