Navbar 배경 채우기 화면 너비, 최소 너비 및 최대 너비 값 내의 모든 내용

Question

유체 웹 사이트 디자인을 만들고 min-width 및 max-width 값을 지정하고 있지만 탐색 모음 배경을 확장하고 싶습니다. 화면의 한면을 다른면 (최대 폭으로 제한되지 않음)에 넣고 그 중 모든 요소는 지정된 너비 이내의 다른 모든 화면 내용으로 유지합니다.

또한 콘텐츠와 페이지 가장자리 사이에 항상 간격이 있도록 페이지의 최소 여백 (예 : 16 픽셀)을 설정하고 싶습니다.

이상적으로 아래 그림과 같이 : 네비게이션 바에 배경 화면 폭으로 늘릴 수 동안의 min-width 및 max-width 값 내부에 모든 것을 포함 대해 이동하는 가장 좋은 방법은 무엇

. 또한, margin-left: auto을 사용할 수 있고 최소 여백 값을 유지하는 방법이 있습니까? 이 작업을 시도 할 때마다 나는 하나 또는 다른 것을 얻을 수 있습니다.

사전에 도움을 주셔서 감사합니다.

Answer 1

은 그것을 할 수있는 몇 가지 방법이 있지만이 jsFiddle 내가 그것을 할 것입니다 방법을 보여 http://jsfiddle.net/joshnh/UDwcp/