Как вывести фон меню на всю ширину экрана?

Question

[Evgeniy]

Добрый день! На сайте нужно вывести зеленый фон меню на всю ширину экрана. Я попытался сделать это через позиционирование и z-индекс. Z-индекс вообще не помог, а через позиционирование не получилось вывести блок меню из родительского блока.
Хочу сделать чтобы зеленая линия была на всю ширину экрана, как можно это сделать?

Answer 1

[xonar]

У этого меню есть внутри блок контейнер у которого есть паддинги слева и справа по 15 пикселей.

Добавить к этому блоку ещё класс, который бы обнулял эти паддинги и блок будет на всю ширину.

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

Comments

[Evgeniy]

Если я обнулю padding блока, тогда блок увеличится только в родителе(.navigation-wrapper). А мне нужно увеличить блок в body. Чтобы зеленый фон был бы на всю ширину экрана.

[xonar]

Эдгар Хачатуров, Он у вас и так тянется на 100% ширины, просто из-за того что внутри есть контейнер с падингами, а дальше блок с зелёной заливкой, заливка не на все 100%. Вы сначала попробуйте так сделать как я сказал.

[Evgeniy]

Я убрал падинги, но контейнер находится в блоке который не лает возможности увеличить его. Можно ли как-либо вынести контейнер из его родительских блоков, которые не дают ему увеличиться?

[xonar]

Эдгар Хачатуров, Можно c помощью position

[Evgeniy]

Единственный кто выводит это fixed, но мне нужен фиксированный блок. Мне просто нужно его вынести из родительского блока