開始我們需要先了解什么是calc() ,calc()是一個(gè)CSS函數(shù),你可以使用calc()給元素的margin、pading、width等屬性設(shè)置

而且你還可以在一個(gè)calc()內(nèi)部嵌套另一個(gè)calc() 

clac()的語法就非常簡單了 , 使用數(shù)學(xué)表達(dá)式來表示: 

expression 一個(gè)數(shù)學(xué)表達(dá)式,用來計(jì)算長度的表達(dá)式,該表達(dá)式的結(jié)果會(huì)作為最終的值。

clac()使用“+”、“-”、“*” 和 “/”四則運(yùn)算,可以使用百分比、px、em、rem等單位,而且可以混用多種單位計(jì)算

需要注意的是

如果“0”作為除數(shù)會(huì)讓HTML解析器拋出異常.

“+”和“-”時(shí),前后必須要有空格 比如calc(100%-15px) 這是錯(cuò)誤的

“*”和“/”時(shí),前后可以不留空格,但是建議加上空格

網(wǎng)友評(píng)論