Ее ширина — 960 px. Заголовок и подвал выводятся на всю ширину макета. Область слева имеет ширину 200 px, а область справа — 100 px. Значит, ширина средней части составит 660 px. В первую очередь преобразуем среднюю и боковые части, приведя их к пропорциональным размерам.
Начнем преобразование слева. Разделим целевой размер 200 единиц на 960 единиц (среду) и получим 0,208333333. Переместим десятичный разделитель на две позиции вправо: 20,8333333 %. Именно так целевое значение описывается в процентном отношении к исходному.