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

Question

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

我希望 FF 像 Chrome 一样工作

有什么想法吗？

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

10 倍！ 伊格尔

Answer 1

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

另外，Firefox 使用<select> 的继承宽度（计算出的一个FF，而不是您设置的那个）来设置下拉菜单的宽度：因此，它溢出了窗口。

恐怕您无法更改浏览器定位其原生下拉菜单的方式（我个人不知道如何做到这一点）；

所以，你可以：

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