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