CSS calc() không hoạt động

Question

Có giới hạn về số lượng toán hạng bạn có thể có trong hàm CSS calc() không?

này hoạt động:

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

này không làm việc:

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

Tất nhiên, sau này là những gì tôi cần, bởi vì tôi cần phải bù đắp một vài điểm ảnh, nhưng ngay sau khi tôi cố gắng làm điều đó, giá trị dường như chỉ bằng 0. Bất kỳ cái nhìn sâu sắc được đánh giá cao!

Answer 1

Để báo MDN

Các + và - nhà khai thác phải luôn được bao quanh bởi khoảng trắng. Ví dụ, toán hạng của calc(50% -8px) sẽ được phân tích thành phần trăm theo sau là độ dài âm, biểu thức không hợp lệ, trong khi toán hạng của calc(50% - 8px) là phần trăm theo sau là dấu trừ và độ dài. Các toán tử * và / không yêu cầu khoảng trắng, nhưng thêm tính năng này cho tính nhất quán được cho phép và được đề xuất.

Không gian của bạn ra và có thể sẽ hoạt động.