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