Не работает функция CSS calc()
Два раза сталкивался с неработоспособностью функции calc()
. Браузер поддерживает, но не работает ... Как оказалось (для тех кто любит писать сплошной код ☺), нужно просто отбивать знаки «+» и «-» пробелами! А вот «*» и «/» можно не отбивать ...
Кстати, использовать в качестве аргумента функции calc()
можно не только примитивные одиночные операции, но и боллее сложные выражения с участием группирования круглыми скобками:
selector {
property: calc( (1em + 10px) * 2 );
}
Также стоит отметить, что значение ноль (0) нужно писать с единицами измерения:
selector {
property: calc( 0px - 10px );
}
Хотя знаете, а зачем вообще ноль использовать? Какой смысл писать margin: calc( 0px - 10px );
, если можно просто написать margin: -10px;
...
Или есть идеи?