小編給大家分享一下CSS中如何使用calc()函數(shù)，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、西藏網(wǎng)絡(luò)推廣、微信平臺小程序開發(fā)、西藏網(wǎng)絡(luò)營銷、西藏企業(yè)策劃、西藏品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供西藏建站搭建服務(wù)，24小時服務(wù)熱線：028-86922220，官方網(wǎng)址：www.cdcxhl.com

首先我們來看看如何使用calc()函數(shù)？

我們使用calc函數(shù)都是通過指定計算公式來設(shè)置大小，比如：

width:calc(100px+50px);

或者

font-size:calc(3em+1em);

我們下面來看具體的示例

代碼如下

創(chuàng)建calc.html并編寫以下HTML文件

body{

width:800px;

}

.calc_div{

width:calc(100%-500px);

height:calc(100%-500px);

color:rgb(255,0,0);

}

.font{

font-size:3em;

}

.calc_font{

font-size:calc(3em+2em);

color:rgb(255,0,0);

}

這是一個使用了calc的div。