导航栏背景填充屏幕宽度，而所有内容均在最小宽度和最大宽度值之内

Question

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

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

理想情况如下图所示：

在min-width和max-width值内包含所有内容的最佳方法是什么，同时允许导航栏背景拉伸到屏幕宽度。 另外，有没有一种方法可以使用margin-left: auto并保持最小边距值？ 每当我尝试执行此操作时，我只能获得其中一个。

在此先感谢您的帮助。

Answer 1

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