Я создаю гибкий дизайн веб-сайта и указываю значения min-width и max-width, однако мне бы хотелось, чтобы фон панели навигации расширялся с одной стороны экрана на другую (не ограничиваясь max width), сохраняя при этом все элементы <li> и все остальное содержимое экрана в пределах указанной ширины.
Кроме того, я также хотел бы установить минимальное поле для страницы (например, 16 пикселей), чтобы между содержимым и краем страницы всегда был разрыв.
В идеале, как на рисунке ниже:
Как лучше всего содержать все внутри значений min-width и max-width, при этом фон навигационной панели растягивается до ширины экрана. Кроме того, есть ли способ, которым я могу использовать margin-left: auto и при этом сохранить минимальное значение маржи? Всякий раз, когда я пытался сделать это, я могу получить только одно или другое.
Спасибо за любую помощь заранее.