导航栏背景填充屏幕宽度，同时所有内容在 min-width 和 max-width 值内

Question

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

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

理想情况下如下图所示：

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

提前感谢您的帮助。

Answer 1

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