css的calc方法主要用途是什么呢？

Question

如题所述

Answer 1

1. 执行数学运算
CSS3 的 calc() 函数允许我们在属性值中执行数学操作。例如，我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。
2. 实现居中效果
使用 calc() 给我们提供另一个垂直居中元素的解决方案。如果我们知道元素的尺寸，一个典型的解决方案是使用负外边距移动自身距离高与宽的一半
3. 创建根栅格尺寸
使用 rem，calc() 函数能够用来创建一个基于视口的栅格。我们可以设置根元素的字体大小作为视口宽度的一部分。
4. 提高计算清晰度

使用 calc()，我们还能做很多的事情，它是 CSS 中很有用的新特性之一。

Answer 2

calc（）函数是CSS中少有的可以实现动态计算功能的方法，通常这类计算都需要JavaScript语言脚本来实现。而calc()函数通过CSS方式实现数学逻辑计算，可以在同样的计算效果下，大幅度减少JS语言的使用，实现编程的简洁和简便。本回答被网友采纳

Answer 3

用于计算父容器的宽、高，实现动态控制。个人愚见！