css calc不可用
calc是css3里面的计算属性,它可以动态的设置元素的大小,有时,calc属性会失效,是什么原因呢?
这是因为calc的格式使用不正确导致的,css的运算符"+ - * /"左右两边均要留空格才行。
错误:div{width:calc(100span style="background-color: rgb(253, 234, 218);">-50px)}
正确:div{width:calc(100span style="background-color: rgb(253, 234, 218);"> - 50px)}
calc语法:
.elm { width: calc(expression); }
作用:
calc()能让你给元素的做计算,你可以给一个div元素,使用百分比、em、px和rem单位值计算出其宽度或者高度,比如说“width:calc(50+0.000000e+0m)”,这样一来你就不用考虑元素DIV的宽度值到底是多少,而把这个烦人的任务交由浏览器去计算。
更多CSS相关技术文章,请访问CSS3答疑栏目进行学习!
以上就是css calc不可用的详细内容,更多请关注易知道|edz.cc其它相关文章!