CSS Calc() — умножение и деление с единичными значениями ⇐ CSS

[Anonymous]

Можно ли использовать Calc() для умножения или деления значений в единицах измерения (например, 100%, 5 пикселей и т. д.).

Например, я надеялся сделать что-то вроде этого:

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

width: calc(100% * (.7 - 120px / 100%));

Надеюсь, что это разрешится примерно так (при условии, что 100% = 500 пикселей):

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

width: calc(500px * (.7 - 120px / 500px));
width: calc(500px * (.7 - .24));
width: calc(500px * .46);
width: calc(230px);

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

Кажется, я также не могу умножить два значения, например 5px * 10px или 5px * 100%. >

Я знаю, что в 100% случаев это не имеет смысла, но в моем случае использования я хотел бы знать, какой процент 120 пикселей составляет от общего числа ширину, которую я затем включаю в остальную часть своих вычислений.

Либо так, либо если бы кто-то мог придумать другой способ записать это, это тоже сработало бы. . Я ломал голову и ничего не смог придумать.

Подробнее здесь: https://stackoverflow.com/questions/295 ... -ed-values