淺析CSS中calc()的使用
發(fā)布時間:2016-05-10 16:31:33 作者:佚名
我要評論

這篇文章主要介紹了淺析CSS中calc()的使用的相關(guān)資料,需要的朋友可以參考下
calc()是css3中新出現(xiàn)的特性,可以用于動態(tài)計算,非常方便。首先是兼容性
再來看看怎么使用
CSS Code復(fù)制內(nèi)容到剪貼板
- html{
- font-size: 20px;
- }
- div{
- width: calc(50% - 1px);
- height: calc(100px + 1rem);
- }
要注意的是,計算符號兩邊需要留空格。
以上所述是小編給大家介紹了CSS中calc()的使用的相關(guān)內(nèi)容,希望對大家有所幫助!
相關(guān)文章
css中的計算函數(shù)calc在網(wǎng)站布局中一個示例
這篇文章主要介紹了css中的計算函數(shù)calc在網(wǎng)站布局中一個示例的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下2019-08-12- 大家都知道Calc方法有個很大的好處就是用在流體布局上,可以通過calc()計算得到元素的寬度,本文通過一個例子給大家詳細(xì)介紹,需要的朋友參考下吧2021-06-03
CSS使用calc()獲取當(dāng)前可視屏幕高度的實現(xiàn)
這篇文章主要介紹了CSS使用calc()獲取當(dāng)前可視屏幕高度的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編2020-07-14深入理解CSS中的數(shù)學(xué)表達(dá)式calc()
數(shù)學(xué)表達(dá)式calc()是CSS中的函數(shù),主要用于數(shù)學(xué)運算。這篇文章給大家介紹了CSS中的數(shù)學(xué)表達(dá)式calc()的相關(guān)知識,感興趣的朋友一起看看吧2020-01-19- CSS3新增的函數(shù)中有一個非常好用的函數(shù),就是calc()函數(shù),用過的都說好,這篇文章我們來嘮一老calc函數(shù),感興趣的朋友一起看看吧2022-06-23