導航欄背景填充屏幕寬度，而所有內容均在最小寬度和最大寬度值之內

Question

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

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

理想情況如下圖所示：

在min-width和max-width值內包含所有內容的最佳方法是什么，同時允許導航欄背景拉伸到屏幕寬度。 另外，有沒有一種方法可以使用margin-left: auto並保持最小邊距值？ 每當我嘗試執行此操作時，我只能獲得其中一個。

在此先感謝您的幫助。

Answer 1

有幾種不同的方法可以做到這一點，但這個jsFiddle說明了我將如何做到這一點： http ： //jsfiddle.net/joshnh/UDwcp/