jquery - 顶部导航栏的位置固定在Firefox中怪异

我正在使用http://startbootstrap.com/template-overviews/simple-sidebar/的项目...我们有一个导航栏

position:fixed

搜索框向右浮动。在Firefox中，此搜索框的50％延伸到div包围区之外。似乎在chrome中可以正常使用，当宽度减小时，侧边栏会自动折叠等。
我知道位置固定的元素不会遵循常规流程。不确定如何解决此问题。

这是小提琴的链接

http://jsfiddle.net/avouaLzo/1/

在这里的任何帮助将不胜感激。

谢谢

最佳答案

尝试使用以下代码：

#search-page input {
    position:fixed;
    right:0px;
    width:15%;
}

工作演示-JSfiddle

这样可以解决两个浏览器中的问题。当然，可以根据需要声明width属性，这只是它的一个示例。

关于jquery - 顶部导航栏的位置固定在Firefox中怪异，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26443855/