CSS计算属性的作用:
div{ width: 100%; margin-left: 100px; height: 100px; background-color: aqua; }
CSS计算属性的使用:
1. div{ 2. /* 属性:calc(计算内容) */ 3. width: calc(100% - 100px); 4. margin-left: 100px; 5. height: 100px; 6. background-color: aqua; 7. }
以上代码就可以完美解决这个问题,通过 calc() 方法,计算出 100% - 100px 的大小,再赋给 width 属性。
原创作者:吴小糖
创作时间:2022.12.06