Как провести div от левого края и до конца определенного блока?

Question

[nepster-web]

По центру есть основной блок с контентом.
Подскажите пожалуйста как можно организовать еще 1 блок, который бы тянулся от самого левого края окна и заканчивался правым краем отцентрированного блока ?

Что-то вот такое:

Answer 1

[Денис Инешин]

Можно легко сделать используя "vw" из CSS3: jsfiddle.net/IonDen/nuf296te

Answer 2

[Александр Зачиналов]

https://jsfiddle.net/ryxedkez/

Comments

[nepster-web]

хорошее решение, но к сожалению для него нужно будет подключать еще модернизм и проверять поддержку calc и подстраховывать js.

[Александр Зачиналов]

Согласен, о поддержке старых браузеров нужно было упомянуть в вопросе

Answer 3

[nepster-web]

Еще просьба что-то типа такого не предлагать.

.block {
            width: 500px;
            height: 500px;
            margin: auto;
            border: solid 1px red;
        }

        .separator {
            width: 10000px;
            border: solid 2px blue;
            margin: 100px 0;
            margin-left: -9500px;
        }

<div class="block">
        Текст
        <div class="separator"></div>
    </div>