Как продлить ширину блока до границы экрана?

Question

[jjukjuk]

Красный блок имеет ширину в определенное кол-во колонок в общем контейнере страницы, выравненном по центру страницы. Как сделать так, чтобы он был выстроен этой сетке, но продлить его ширину до конца правой границы экрана?

Comments

[Ankhena]

"ок, гугл, css фон на половину окна"
"ок, гугл, css блок на половину окна"

Что именно вы пробовали и что не получилось?

[jjukjuk]

Ankhena, дело в том, тут не половина окна. Блок занимает определенное кол-во колонок в общем контейнере страницы, выравненном по центру страницы соответственно. Но продолжаться должен до конца.

[Семён Федосеев]

jjukjuk, оформите, пожалуйста, вопрос по правилам сообщества

[Ankhena]

jjukjuk,

дело в том, тут не половина окна. Блок занимает определенное кол-во колонок в общем контейнере страницы,

Ну не без разницы ли? Подставите в расчет не половину, а сколько нужно.

Геометрия 7 класс.

Answer 1

[Виталий Першин]

Как вариант, можно применить формулу:
width: calc(100% + (100vw - 100%) / 2);
то есть:

width: calc(ширина_контейнера + (ширина_экрана - ширина_контейнера ) / 2);

Тогда мы получим значение от левого края контейнера до правого края экрана, но нужно еще учитывать отступы, если таковые имеются.