Рассчитать ширину разделенного контейнера ⇐ CSS

[Anonymous]

Я пытаюсь установить ширину полосатой области на рисунке ниже так, чтобы она попадала в границы содержимого сайта. Ширина содержимого составляет 80 %, максимальная ширина — 1080 пикселей, и содержимое расположено по центру (показано ниже фиолетовым цветом). Столбцы имеют переменную ширину, но вместе они всегда заполняют ширину страницы — для наглядности я использовал 75%/25% ниже.
Каков алгоритм достижения этой цели? Я попробовал множество вещей, в том числе:

Код: Выделить всё

width: calc(80vw / )

но это далеко не так. Я хочу, чтобы назначение ширины CSS работало для любого размера столбца (я использую Hubl для создания цикла for в CSS - поэтому я могу использовать переменные... аналогично SCSS)




Подробнее здесь: https://stackoverflow.com/questions/790 ... -container