2013-02-19 108 views
10

CSS calc()函數中可以有多少個操作數有限制嗎?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); 
} 

當然,後者正是我需要的,因爲我需要偏移幾個像素,但只要我試圖做到這一點,價值似乎只是歸零。任何見解都被讚賞!

回答

38

引述MDN

+-運營商必須始終由空格包圍。 calc(50% -8px)的 操作數例如將被解析爲百分比 後跟一個負長度,一個無效表達式,而 操作數calc(50% - 8px)是一個百分比,後面跟着一個減號 和一個長度。 */運營商不需要空白,但 爲了一致性而添加它是允許的,並且是推薦的。

把你的東西拿出來,它可能會工作。

+2

工作示例:http://jsfiddle.net/mqu88/ – Eric 2013-02-19 21:11:46

+0

謝謝瑞恩。這就是它。非常感激。 – itsmikem 2013-02-19 21:24:02

+0

Eric,你好像編輯了我的問題。我是新來的。你是怎麼做到的?我怎樣才能確保我能更好地形成我的問題? – itsmikem 2013-02-19 21:25:07