导航栏背景填充屏幕宽度，同时所有内容均在最小宽度和最大宽度值范围内

Question

我创建流畅的网站设计并指定min-width和max-width值，但是，我希望导航栏背景从屏幕的一侧延伸到另一个（不受最大宽度限制），同时保留其中的所有<li>元素以及指定宽度内的所有其他屏幕内容。

此外，我还想为页面设置最小边距（例如16px），以便内容和页面边缘之间始终存在间隙。

理想情况如下图所示：

在min-width和max-width值中包含所有内容的最佳方式是什么，同时允许导航栏背景延伸到屏幕宽度。另外，有没有办法可以使用margin-left: auto并保持最低保证金价值？每当我试图这样做时，我只能得到其中一个。

感谢您提前提供任何帮助。

Answer 1

有几种不同的方法可以做到这一点，但是这个jsFiddle说明了我将如何做到这一点：http://jsfiddle.net/joshnh/UDwcp/