CSS calc() 函数,用于计算元素或DIV宽度

 2022-05-29    466  

CSS calc() 函数,用于计算元素或DIV宽度

实例

CSS calc() 函数,用于计算元素或DIV宽度

使用 calc() 计算 <div> 元素的宽度:

#div1 {
  position: absolute;
  left: 50px;
  width: calc(100% - 100px);
  border: 1px solid black;
  background-color: yellow;
  padding: 5px;
  text-align: center;
}

定义和用法

calc() 函数执行用作属性值的计算。

CSS 语法

calc(expression)

calc() 函数演示

创建一个在整个窗口范围内延伸的 div,div 的每侧和窗口边缘之间的距离为 50px:

Some text...
expression必需。数学表达式。结果会用作属性值。

可使用如下运算符:+ - * /


  •  标签:  
  • css
  •  

原文链接:https://77isp.com/post/1005.html

=========================================

https://77isp.com/ 为 “云服务器技术网” 唯一官方服务平台,请勿相信其他任何渠道。