导航栏背景填充屏幕宽度，而内最小宽度和最大宽度值

Question

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

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

理想的情况下，如下图所示：

什么是去包含一切min-width和max-width值内，同时允许导航栏背景延伸到屏幕宽度的最佳途径。另外，有没有一种方法可以使用margin-left: auto并保持最小的保证金值？每当我试图做到这一点，我只能得到一个或另一个。

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

Answer 1

有几种不同的方式来做到这一点，但是这的jsfiddle说明我会怎么做：http://jsfiddle.net/joshnh/UDwcp/