当内容改变时，输入控制不在IE中重新对齐

Question

我不确定这是一个浏览器错误还是我错过了一些微妙的东西。在我的页面顶部，我有2个选择下拉菜单，一个标签，然后是一个水平排列的文本框。一切都与左边对齐。

最初，仅填充第一个选择框。当用户选择项目时，通过JavaScript填充第二个框。发生这种情况时，第二个选择框的宽度会增加以容纳内容，标签会被推到右侧。但问题是输入框不会移动并最终与选择框重叠。

在Firefox中，一切正常，标签和文本框都被推到右侧。此外，如果我打开IE开发人员工具，选择文本框并取消选中左对齐，然后重新检查它，文本框移动到它应该的位置。

我的HTML看起来像这样：

<div id="main-top">
    <select id="firstSel" name="firstSel" >
        <option value="">-- Select an Item --</option>
        <option value="one">One</option>
    </select>
    <select id="secondSel" name="secondSel" >
        <option value="">--</option>
    </select>
    <label for="Currency">Currency:</label>
    <input class="input-sm" type="text" id="BECurrency" name="Currency" />
</div>

有关如何解决这个烦人问题的任何建议吗？

Answer 1

我最终修复了css中元素的宽度。这意味着设置宽度使其在所有浏览器中始终具有相同的宽度。