css 的calc可以设置属性值为一个计算结果。如:
width:calc(100% - 70px)
这可以用在两个子元素其中一个宽度固定,另一个宽度自适应剩下的宽度。
但是在使用时,发现设置的样式并没有生效:F12查看对应的属性,提示invalid property value
解决:
当运算符为+或-时运算符两边需要有空格,否则无效。
css calc动态设置元素属性值不生效问题
最新推荐文章于 2024-06-09 10:58:05 发布
css 的calc可以设置属性值为一个计算结果。如:
width:calc(100% - 70px)
这可以用在两个子元素其中一个宽度固定,另一个宽度自适应剩下的宽度。
但是在使用时,发现设置的样式并没有生效:F12查看对应的属性,提示invalid property value
解决:
当运算符为+或-时运算符两边需要有空格,否则无效。