導航欄背景填充屏幕寬度，而內最小寬度和最大寬度值

Question

我創建流體網站設計和我指定min-width和max-width值的所有內容，但是，我想導航欄背景從延長屏幕的一側到另一側（不受最大寬度限制），同時保留所有<li>元素，並將所有其他屏幕內容保留在指定寬度內。

此外，我還想爲頁面設置最小邊距（例如16px），以便內容和頁面邊緣之間始終存在間隙。

理想的情況下，如下圖所示：

什麼是去包含一切min-width和max-width值內，同時允許導航欄背景延伸到屏幕寬度的最佳途徑。另外，有沒有一種方法可以使用margin-left: auto並保持最小的保證金值？每當我試圖做到這一點，我只能得到一個或另一個。

感謝您提前提供任何幫助。

Answer 1

有幾種不同的方式來做到這一點，但是這的jsfiddle說明我會怎麼做：http://jsfiddle.net/joshnh/UDwcp/