gtxyzz

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

gtxyzz web技术 2022-07-07 826浏览 0

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...

继续浏览有关 css 的文章
发表评论