Как выровнять по одному краю блоки?

Question

[ui-ux]

Как собрать такую сетку, чтобы совпадали по левому краю: блок занимающий некоторую, определенную ширину вьюпорта и дочерний блок для блока с ограниченной максимальной шириной, выровненого по центру.
Спасибо.

Comments

[ehoboli]

Как то так,
Задавай позицию,
Потом выравнтвай

.div1 {
position:absolute;
right:0;

} 

div2 {
position:absolute;
right:0;
}

Answer 1

[wadowad]

Ширина первого дочернего блока:
width: calc(650px - 20vw);

Ширина второго серого дочернего блока:
width: calc(650px + 20vw);