0

我不确定这是浏览器错误还是我遗漏了一些微妙的东西。在我的页面顶部，我有 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>

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

4

1 回答 1

0

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

于 2012-08-20T17:37:41.183 回答