CSS中的计算属性

简介: CSS中的计算属性
CSS计算属性的作用:
div{
  width: 100%;
  margin-left: 100px;
  height: 100px;
  background-color: aqua;
}

CSS计算属性的使用:
div{
  /* 属性:calc(计算内容) */
  width: calc(100% - 100px);
  margin-left: 100px;
  height: 100px;
  background-color: aqua;
}

以上代码就可以完美解决这个问题,通过 calc() 方法,计算出 100% - 100px 的大小,再赋给 width 属性。

相关文章
|
8天前
|
前端开发
页面无法滑动-CSS: touch-action属性
页面无法滑动-CSS: touch-action属性
19 0
|
23天前
|
前端开发
css文本属性
css文本属性
13 0
|
23天前
|
前端开发 开发者
CSS变量,也被称为CSS自定义属性或级联变量
【4月更文挑战第7天】CSS变量,也被称为CSS自定义属性或级联变量
20 3
|
25天前
|
XML 前端开发 数据格式
css核心组成部分包括选择器、属性和值。
【4月更文挑战第5天】css核心组成部分包括选择器、属性和值。
18 7
|
2月前
|
前端开发 容器
CSS语言的属性(Property)和值(Value)
CSS语言的属性(Property)和值(Value)
|
8天前
|
容器
mui.css 滚动条消失 导致超出部分无法显示 overflow属性
mui.css 滚动条消失 导致超出部分无法显示 overflow属性
9 0
|
1天前
|
前端开发
css样式字体、文本、背景属性,盒子模型详解,轻松调教出优美的字体和网页背景色
css样式字体、文本、背景属性,盒子模型详解,轻松调教出优美的字体和网页背景色
|
10天前
|
前端开发
CSS列表属性
CSS列表属性。
18 5
|
11天前
|
前端开发 UED
CSS cursor的一些相关属性
CSS cursor的一些相关属性
|
12天前
|
前端开发
css的一些属性
css的一些属性