# calc()

CSS ⟩ CSS functions ⟩ calc()

{% tabs %}
{% tab title="📗 參考" %}
* Modern CSS (2020)
{% endtab %}

{% tab title="💾 程式" %}
```css
/* calc() 可以運算不同單位的值 */
top: calc(100% + 20px);
```
{% endtab %}

{% tab title="📘 手冊" %}
* [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS) ⟩ [CSS functions](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Functions) ⟩ [calc()](https://developer.mozilla.org/en-US/docs/Web/CSS/calc)
{% endtab %}
{% endtabs %}
