选择元素从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不会再溢出。