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

时间:2012-09-18 11:02:24

标签: css

我目前正在使用网站http://www.lovepotatoes.ovh3.microserveltd.co.uk/,此问题与食谱搜索块有关,该搜索块有一个下拉列表和3个文本字段。

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

我需要做些什么来解决这个问题,并获得一个有2行的流畅布局?对于为什么会发生这种情况的一般解释?

1 个答案:

答案 0 :(得分:1)

如果您使用成分2 输入将此style="clear:left;"添加到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>