Как сверстать динамическую пропорцию?

Question

[igoryusha22]

Есть блок, в котором находятся 2 блока.

По умолчанию оба блока прижаты левому краю:


Оба блока могут расширятся до допустимого родительского максимума, если контента слишком много, то он обрезается внутри блока, то есть выходить за пределы белого родителя нельзя.



Если блоки имеют контент, который хочет расширить блок таким образом, что правый хочет сдвинуть левый, а левый хочет сдвинуть правый, то они должны занять строгую пропорцию, например 70%/30%.

Comments

[Ankhena]

Для CSS тут, похоже, противоречивые желания и без js не обойтись.