JS calc() 动态计算长度函数

简介: JS calc() 动态计算长度函数
  • CSS calc() 函数
  • calc() 函数用于动态计算长度值。
  • 需要注意的是,运算符前后都需要保留一个空格,
    例如:width: calc(100% - 10px);
    任何长度值都可以使用calc()函数进行计算;
    calc()函数支持 “+”, “-”, “*”, “/” 运算;
    calc()函数使用标准的数学运算优先级规则;
#div1 {
  position: absolute;
  left: 50px;
  width: calc(100% - 100px);
  border: 1px solid black;
  background-color: yellow;
  padding: 5px;
  text-align: center;
}
相关文章
|
19天前
|
设计模式 JavaScript 前端开发
JS 代码变量和函数的正确写法
JS 代码变量和函数的正确写法
29 3
|
1天前
|
JavaScript 前端开发
JavaScript——实现compose函数
JavaScript——实现compose函数
4 0
|
1天前
|
JavaScript 前端开发
JavaScript——实现一些常用函数
JavaScript——实现一些常用函数
3 0
|
2天前
|
JavaScript
Vue——使用JS文件中的函数ESLint报错未定义
Vue——使用JS文件中的函数ESLint报错未定义
9 0
|
2天前
|
存储 JavaScript 前端开发
js之函数区别
js之函数区别
6 0
|
2天前
|
存储 JavaScript 索引
js arguments 的使用与自执行函数
js arguments 的使用与自执行函数
7 0
|
10天前
|
JavaScript 前端开发
JS : 柯里化 分布传参给函数
JS : 柯里化 分布传参给函数
|
1月前
|
JavaScript
JS代码动态打印404页面源码
源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
21 0
JS代码动态打印404页面源码
|
15天前
|
开发框架 前端开发 JavaScript
循序渐进VUE+Element 前端应用开发(22)--- 简化main.js处理代码,抽取过滤器、全局界面函数、组件注册等处理逻辑到不同的文件中
循序渐进VUE+Element 前端应用开发(22)--- 简化main.js处理代码,抽取过滤器、全局界面函数、组件注册等处理逻辑到不同的文件中
|
15天前
|
开发框架 JSON 前端开发
循序渐进VUE+Element 前端应用开发(7)--- 介绍一些常规的JS处理函数
循序渐进VUE+Element 前端应用开发(7)--- 介绍一些常规的JS处理函数