jquery移動選擇菜單覆蓋極右

Question

我正在使用jquery移動選擇菜單與數據本地菜單爲false。問題是如果我點擊選擇菜單，覆蓋極右的彈出窗口，而不是在選擇菜單控件上方。我將我的頁面最大寬度固定爲400px。 Jquery mobile根據屏幕大小計算疊加位置，因此如果我減少了選擇菜單控件上方的屏幕大小覆蓋彈出。但是我怎樣才能使選擇菜單覆蓋在我的頁面大小最大化的屏幕模式？

<div style="margin:0 auto;"> 
<div data-role="page" style="width:400px"> 

<div data-role="fieldcontain"> 
    <label for="select-choice-9" class="select">Shipping method(s):</label> 
    <select name="select-choice-9" id="select-choice-9" multiple="multiple" data-native-menu="false"> 
     <option>Choose options</option> 
     <option value="standard">Standard: 7 day</option> 
     <option value="rush">Rush: 3 days</option> 
     <option value="express">Express: next day</option> 
     <option value="overnight">Overnight</option> 
    </select> 
</div> 


</div> 
</div> 

這是圖片。灰色區域是頁面大小（data-role = page）。由於我有一個更大的顯示器，菜單出現在最右邊。

Answer 1

坐落在fieldContain div代替父寬度div

<div data-role="page"> 
<div data-role="fieldcontain" style="width:400px"> 
    <label for="select-choice-9" class="select">Shipping method(s):</label> 
    <select name="select-choice-9" id="select-choice-9" multiple="multiple" data-native-menu="false"> 
     <option>Choose options</option> 
     <option value="standard">Standard: 7 day</option> 
     <option value="rush">Rush: 3 days</option> 
     <option value="express">Express: next day</option> 
     <option value="overnight">Overnight</option> 
    </select> 
</div> 
</div>