本文主要是介绍CSS3 calc() 的定义与用法，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
CSS calc() 函数
转载：https://www.html.cn/book/css/values/functional/calc().htm
- 定义与用法
- calc() 函数用于动态计算长度值。 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；
- 任何长度值都可以使用calc()函数进行计算； calc()函数支持 “+”, “-”, “*”, “/” 运算；
- calc()函数使用标准的数学运算优先级规则；
支持版本：CSS3
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
#div1 {position: absolute;left: 50px;width: calc(100% - 100px);border: 1px solid black;background-color: yellow;padding: 5px;text-align: center;
}
</style>
</head><body>
<p>创建一个横跨屏幕的div，div 两边有 50px 的间隙：</p>
<div id="div1">一些文本...</div>
</body>
</html>
这篇关于CSS3 calc() 的定义与用法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
