css3 的 calc() 函式允許我們在屬性值中執行數學操作。例如，我們可以使用 calc() 指定乙個元素寬的固定畫素值為多個數值的和。
.foo
如果你使用過 css 預處理器，比如 sass，以上示例你或許碰到過
.foo
$width-one
: 100px;
$width-two
: 50px;
.bar
.foo
第二，使用 calc()，計算值是表示式它自己，而非表示式的結果。當使用 css 預處理器做數**算時，給定值為表示式的結果。
.foo
.foo
.foo
.foo
使用 calc()
calc() 函式可以用來對數值屬性執行四則運算。比如，，，，，或者 資料型別。
這裡有一些示例：
.foo
calc() 函式可以巢狀。在函式裡邊，會被視為簡單的括號表示式，如下例所示。
.foo
.foo
clac() 已經得到普遍支援。
對於不支援 calc() 的瀏覽器，整個屬性值表示式將被忽略。不過我們可以對那些不支援 calc() 的瀏覽器，使用乙個固定值作為降級方案。
.foo
example 1 - 居中元素
使用 calc() 給我們提供另乙個垂直居中元素的解決方案。如果我們知道元素的尺寸，乙個典型的解決方案是使用負外邊距移動自身距離高與寬的一半，如下所示：
.foo
.foo
example 2 - 建立根柵格尺寸
使用 rem，calc() 函式能夠用來建立乙個基於視口的柵格。我們可以設定根元素的字型大小為視口寬度的一部分。
html
如果我們對非文字使用 rem 設定大小，它們同樣遵守這個行為。乙個 1rem 寬度的元素總是視口元素寬度的 1/30。
example 3 - 清晰度
最後，calc()使計算更加清晰。如果你使一組專案為它們父元素容器寬度的 1/6，你可能這麼寫：
.foo
.foo
關於css calc函式的一些說明
calc函式，主要作用是用於動態計算長度，例如 width calc 100 50px 上面這句話代表寬度width為瀏覽器可視區域寬度減去50px。calc可以用於某些不好計算的數值。calc函式很多瀏覽器都已經相容了 calc支援 操作符,它允許使用數學表示式。注意 calc函式 裡面的操作符必...
函式的用法 INDEXC函式的用法
1 製作小 箱 如何利用excel製作簡單的小 箱？這裡與大家分享借用index函式來實現。在單元格中輸入公式 index a2 a17,randbetween 2,counta a2 a17 公式說明 counta函式表示統計非空單元格格式 randbetween函式表示隨機生成整數 2 隔行提取...
函式的用法 CELL函式高階用法，
資料多時看的眼花繚亂，使用聚光燈功能突出顯示當前的行和列，在檢視資料時非常方便，wps是自帶該功能的。選中要設定的資料區域，在 開始 選項卡下點 條件格式 選擇 新建規則 在彈出的 新建格式規則 視窗中選擇 使用公式確定要設定格式的單元格 在 為符合此公式的值設定格式 下輸入公式 or cell r...