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 属性。

原创作者：吴小糖

创作时间：2022.12.06