Как сверстать это?

Question

[webquestions]

используется бутстрап
codepen.io/anon/pen/YwLrMZ
Суть задачи в том, что мы имеем контент который не должен покинуть контейнер но в тоже время, у нас должен быть блок бэкграунд которого, серый например, будет тянуться до правого края экрана(не контейнера) а с лева контейнера этого бэка не будет
prntscr.com/9vvuss тут выделен квадратик, нужно чтобы он был залит фоном и тянулся, от конца контейнер до правого края экрана...

Comments

[Андрей Федоров]

издеваетесь? не понятно ничего.

[webquestions]

Андрей Федоров ща отверстаю...

[webquestions]

codepen.io/anon/pen/YwLrMZ Андрей Федоров

[Андрей Федоров]

webquestions: чешем правой ногой левое ухо? Уберите блоки из контейнера и всего делов. Если конечно я правильно понял ваш вопрос.

[webquestions]

Андрей Федоров неправильно видимо сейчас обрисую

[webquestions]

Андрей Федоров смотрите, там контент не должен выходить за рамки контейнера

[webquestions]

Евгений Петров Денис Инешин Юрий Лобанов Сергей Протько Александр Таратин подскажите

[webquestions]

David на ссылку заходили?

[webquestions]

prntscr.com/9vvuss вот то что выделенно здесь красным квадратом.. должно быть залито фоном серым и тянутся от контейнера до правого края

[webquestions]

David выше отправил

Answer 1

[Ольга Грабко]

codepen.io/anon/pen/OMZzEy
если можно использовать calc(), :after{} и vw

Comments

[webquestions]

классно а чем грозхит использование vw и calc()?

[Ольга Грабко]

тем, что они не поддерживаются некоторыми браузерами, например IE8 и ниже, подробнее caniuse.com если поддержка этих браузеров не нужна/ей можно пренебречь, то используйте

[Гарольд]

webquestions: только поддержкой браузеров и только. Например ширина по вьюпорту - caniuse.com/#search=vw