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