html selectメニューオプションオフページ

タイトルで説明されているように、私の選択メニューオプションの文字の長さによって、選択メニューのホバーがページの右側から外れてしまう問題があります。このための修正がありますか？標準的なselect要素です。html selectメニューオプションオフページ

<div style="position:absolute;right:30px"> 
<select id="mySelectMenu" name="my select menu" style="width:150px"> 
    <option value="">&gt; Select Ship to Location</option> 
    <option>This is an extremely long option that forces the select menu option out of the screen margin.</option> 
</select> 
</div>

jsFiddle例

http://jsfiddle.net/gchristman/GtyrQ/

私は、Webページには、2つの列の設計で、選択メニューが右の列に表示される状態にしたいと思います。これは、単一のモニターを使用してブラウザー・ウィンドウを最大化したときに問題になります。選択メニューの残りの画面領域の幅を超える文字長のオプションは、ブラウザウィンドウの外に表示されなくなります。選択メニューのホバー位置をページの右端を決して超えないように変更する方法はありますか？

出典

2012-03-14 Code Junkie

いくつかのコードやサイトへのリンクを投稿したり、[JSFiddle]（http://jsfiddle.net/）に貼り付けてください。 – Mark

あなたのページがどのように動作するか見ることができないと、誰も助けを提案することができません。 –

さらに悪いことに、人々は暗闇の中で「刺す」ことができます。基本的に時間と自分を間違った解決策で浪費します。 –

あなたがあなたのメニューの幅を可能にするために、あなたのright位置を設定する必要があります絶対位置を使用しているので：150px

出典

2012-03-14 17:37:47

例を示すために絶対位置だけを使用しました。私は実際にブートストラップを使用して、右の列に選択メニューを配置しています。ブラウザウィンドウが画面の幅を狭くすると問題になります。 –

REAL回答が必要な場合は、REALコードを表示してください。 –

残念ながらそれは政府なので、私が投稿するものは非常に慎重である必要があります。私はちょうどホバリングメニューでのナビゲーションバーでどのように行われているかのようなホバーオプションに位置を提供する方法があるかどうかを知りたいです。私はオプションをブラウザーウィンドウを越えて拡張することはできません。選択メニューをページの右側に配置すると、同じテスト結果が得られます。 –

は、悲しいことに、私はこれが窓/ブラウザの問題だと思います。私はそれがIEとFirefoxでは発生しているが、Chromeでは発生していないことに気づいた。

私は唯一の解決策は、選択（remove style = "width：150px"）の幅を設定しないことだと思います。しかし、それはおそらく最善の解決策ではないことを認識しています。

出典

2012-05-28 01:01:19 Craigo

html selectメニューオプションオフページ

答えて

関連する問題