HTML选择菜单选项正在运行关闭页面

Question

正如标题所述，我遇到了一个问题，即我的选择菜单选项的字符长度会迫使选择菜单悬停在页面右侧运行。有没有解决这个问题。只是一个标准的选择元素。

<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/

我想声明的网页是一个两列的设计和选择菜单出现在右列。当您使用单个显示器和浏览器窗口已被最大化时，这成为一个问题。字符长度超出选择菜单的剩余屏幕空间的给定宽度的选项将消失在浏览器窗口之外。有没有办法将选择菜单的悬停位置改变为永远不会超出页面的右边缘？

Answer 1

因为要使用绝对定位你需要设置right位置，以便为您的菜单的宽度：150px

Answer 2

可悲的是，我认为这是一个窗口/浏览器的问题。我注意到它发生在IE和Firefox中，但不是Chrome。

我认为唯一的解决办法是不设置宽度的选择（删除风格=“宽度：150px”），然后它适合。但是，我意识到这可能不是最好的解决方案。