固定导航在较小的视点上掉线

Question

我有一个带有固定导航的设置宽度布局。当我使浏览器尺寸小于设定宽度时，我希望能够滚动并查看导航的整个宽度。检查这个jsfiddle：

Jsfiddle Link

.container {background:red;width:400px;height:800px;position:relative;}
nav {background:blue;position:fixed;top:0;padding:20px 0;width:400px;}
nav a {color:white;margin:0 5px;border:1px solid lime;}

检查小提琴，然后使窗口非常窄，您无法滚动到导航的右侧，因为它固定在左侧。简而言之，我希望将其修复为仅限顶部。

Answer 1

您只需将导航栏的宽度设置为400px即可。将其设置为100%。

.nav{
    ...
    width: 400px; // Change this to 100%

}

http://jsfiddle.net/dLcxmy8y/1/