html - 选择元素从 Firefox 中的页面溢出

Question

我在网页的右侧有一个选择元素在 chrome 中，下拉菜单打开，因此它不会在页面的一侧被裁剪在 FF 中它确实..

我希望 FF 像 Chrome 一样运行

有什么想法吗？

在这里查看， http://codepen.io/igalt/pen/Iklxp

10 倍!伊加尔

Answer 1

在 Firefox 中(我使用的是 v20)，下拉菜单位于其顶部/左侧，位于 <select> 的底部/左侧。 ，而 Chrome 将其顶部/右侧设置在选择的顶部/右侧，将自身定位在 <select> 上方.

此外，Firefox 使用 <select> 的继承宽度(计算出的 FF，而不是您设置的)设置下拉菜单的宽度:因此，它会溢出到窗口之外。

恐怕您无法更改浏览器定位其 native 下拉菜单的方式(我个人不知道这样做的方法)；

所以，你可能会:

• 使用 ul 创建您自己的选择框和 li完全控制您的下拉菜单，
• 删除 width您选择的属性，因此 FF 不会再溢出。