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

Question

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

我希望 FF 表现得像 Chrome

有任何想法吗？

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

10倍！伊格尔

Answer 1

在 Firefox（我使用的是 v20）中，下拉菜单的顶部/左侧位于您<select>的<select>.

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

恐怕您无法更改浏览器放置其本机下拉列表的方式（我个人不知道这样做的方法）；

所以，你可能：

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