Как растянуть вложенный блок на всю ширину страницы?

Question

[Александр Синицын]

Есть

<div class="block1">
  <div class="block2">
  </div>
</div>

Как растянуть блок 2 на всю ширину страницы вне зависимости от свойств блока 1?

Пробовал через скрипт задавать ширину равную body и отрицательный левый отступ равный offset().left блока 2, но при ресайзе, отступ меняется как попало.

Comments

[Aleks Front]

На сколько не зависимы свойства block1 ? Дайте block2 position: absolute; left:0; right:0; display:block;

Answer 1

[Александр Синицын]

Вроде заработало.
codepen.io/anon/pen/ZbRrwy

Comments

[Александр Синицын]

Тоже не всегда работает.

Answer 2

[Cyril Diamandi]

Попробуйте так:
jsfiddle.net/pgcjsk7j/2

Comments

[Александр Синицын]

А если добавить отступ слева к родительскому блоку, то все поедет вправо.

Answer 3

[GoodProject]

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