Элемент начальной загрузки 100% ширины

Я хочу создать чередующиеся 100% цветные блоки. «Идеальная» ситуация иллюстрируется в виде привязанности, как и текущая ситуация.

Желаемая установка:

В настоящее время:

Моей первой идеей было создать класс div, задать ему цвет фона и задать ширину 100%.

.block {
    width: 100%;
    background: #fff;
}

Однако вы можете видеть, что это явно не работает. Он ограничен контейнерной зоной. Я попытался закрыть контейнер, и это тоже не сработало.