最近這個(gè)月一直在趕項(xiàng)目開(kāi)發(fā)，遇到的問(wèn)題和學(xué)到的前端知識(shí)沒(méi)有更新到博客園，現(xiàn)在閑了下來(lái)，就整理一下前端知識(shí)。

在項(xiàng)目開(kāi)發(fā)中，在樣式這方面花費(fèi)的時(shí)間較多，因?yàn)獒槍?duì)于數(shù)字的變化特別多，本人不愛(ài)記數(shù)字，在看設(shè)計(jì)圖時(shí)總是反復(fù)計(jì)算之間的數(shù)值，覺(jué)得很麻煩，偶然谷歌一下，發(fā)現(xiàn)了css3的一個(gè)屬性--calc()

calc() 很顯然，是calculate的縮寫(xiě)--計(jì)算。是css3的一個(gè)屬性。可以用來(lái)給width，height，border，margin以及padding等屬性值設(shè)置動(dòng)態(tài)值，拿個(gè)例子說(shuō)：

Title

height:200px;background:red;border:1px solid;

}.two{height:100%;padding-left:10px;padding-right:20px;background:pink;width:calc(100% - 10px - 20px);//內(nèi)容的寬度是170px}.three{height:100%;padding-left:20px;background:aqua;width:calc(100% - 20px);//內(nèi)容的寬度是150px}

abc

總結(jié)

以上是生活随笔為你收集整理的css里calculate,calc() ---一个会计算的css属性的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。