Как использовать функцию calc() внутри другой функции

Ответ 1

Вы можете использовать calc() везде, где вы можете использовать значение длины в CSS. Пример, который вы предоставили, действительно работает, но на самом деле составляет до 0. Вот немного измененная демоверсия для иллюстрации: http://jsfiddle.net/joshnh/6ydR3/

Кроме того, не забудьте перечислить последнюю версию без префикса.

Смешивание процентов с другими типами значений в функции calc() внутри преобразования, похоже, вообще не работает в Chrome. Я сообщу об этом как об ошибке.

UPDATE: здесь сообщается об ошибке: https://code.google.com/p/chromium/issues/detail?id=150054

Ответ 2

Он работает: http://jsfiddle.net/qdJwY/2/

(изменить: протестировано только в Firefox)

В вашем примере так получилось, что 100% = 200px, поэтому вы перевели на нуль.