【转载】CSS3的calc()使用

时间:2022-03-13 17:09:49

文章转载自 w3cplus http://www.w3cplus.com/

原文链接:http://www.w3cplus.com/css3/how-to-use-css3-calc-function.html

原文摘要:calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,用来指定元素的长度。比如说,你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。为何说是动态值呢?因为我们使用的表达式来得到的值。不过calc()最大的好处就是用在流体布局上,可以通过calc()计算得到元素的宽度。