Вопрос про функция calc() в CSS ??

Question

[kasumbekovaskar]

padding: calc(10% - 10px) для padding-а будет % или px, и вообще после операций какой единиц измерения будет ??

Answer 1

[Сергей Горячев]

Результатом будет %, не менее 0, естественно.

Comments

[kasumbekovaskar]

вообще после операций какой единиц измерения будет ? px или % или reg — сложение (width: calc(20px + 20px));
- — вычитание (padding: calc(10% - 10px););
* — умножение (height: calc(20%*2);)
/ — деление. На ноль делить запрещено (width: calc(100%/3);).

[Сергей Горячев]

kasumbekovaskar: Банальный пример: width: calc(100% - 10px); результатом будет %%, так как блок останется резиновый. Результат % после такой калькуляции.

[Сергей Горячев]

kasumbekovaskar: И ваших же примеров. Есть li с width: calc(100%/3);, ширина этого li будет 33.33%.

[kasumbekovaskar]

кажется единица измерения будет браться из цифр который стоит до вычислений, прав ??

[Сергей Горячев]

kasumbekovaskar: в этом случае, (100% -), да. Не смотрел на результаты операций с первыми пикселями.

[kasumbekovaskar]

.box { transform: rotate(calc(45deg - 2.31rad)); } а в этом случи как будет https://habrahabr.ru/post/243821/

[Сергей Горячев]

kasumbekovaskar: Ну, судя по всему угол будет основным.

[kasumbekovaskar]

Sergey: Спасибо за ответ !!!