0

これがブラウザのバグなのか、何か微妙なものが欠けているのかはわかりません。ページの上部に沿って、2 つの選択ドロップダウン、ラベル、テキスト ボックスがすべて水平に配置されています。すべて左揃えです。

最初は、最初の選択ボックスのみが読み込まれます。ユーザーが項目を選択すると、JavaScript によって 2 番目のボックスに値が入力されます。これが発生すると、2 番目の選択ボックスの幅が内容に合わせて増加し、ラベルが右に押し出されます。ただし、問題は、入力ボックスが移動せず、選択ボックスに重なってしまうことです。

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 に答える