CSS calc() не работает

Question

Есть ли ограничение на количество операндов в CSS? calc() функционировать?

Это работает:

div {
    left:calc((100%/54)*26);
    left:-webkit-calc((100%/54)*26);
}

Это не работает:

div {
    left:calc(((100%/54)*14)-140px);
    left:-webkit-calc(((100%/54)*14)-140px);
}

Конечно, последнее - это то, что мне нужно, потому что мне нужно сместить несколько пикселей, но как только я пытаюсь это сделать, значение, похоже, просто стремится к нулю. Любое понимание приветствуется!

Answer 1

Цитировать MDN

+ а также - операторы всегда должны быть окружены пробелами. Операнд calc(50% -8px) например, будет проанализирован как процент, за которым следует отрицательная длина, недопустимое выражение, в то время как операнд calc(50% - 8px) это процент, за которым следует знак минус и длина. * а также / операторы не требуют пробелов, но добавление их для согласованности разрешено и рекомендуется.

Разместите ваши вещи, и это, вероятно, сработает.