Как сделать ширину блока 100%?

Question

[unlik]

Имеется верстка с фиксированной шириной страницы.

Нужно чтобы меню было 100% по ширине экрана. Но при задании ему width:100% он принимает ширину родительского блока.

Как сделать так чтобы только у одного блока была ширина 100% экрана не переделывая половину верстки?

Answer 1

[Михаил]

Вынести меню из врапера который ограничивает ширину, если это не возможно разбить верстку на блоки.
Например:

<div class="wrapper">
 тут блоки
</div>
<div class="menu">Блок с меню на 100%</div>
<div class="wrapper">
 тут снова блоки
</div>

Answer 2

[Ярослав IKARUS]

Через js задать ширину=)) Костыльно, но быстро и просто.

Answer 3

[Serdji]

Абсалютом, Вы этот блок вынесете из общего потока и если меню на верху, весь сайт сместиться на верх, на высоту меню, придется весь общей контет смещать в низ, например марджном. Еще вариант, попробовать задать значение больше 100%, например 150% это работает, а потом спазицеонировать его ))))

Comments

[Serj-One]

>> спазицеонировать - Шедевр)