css calc不可用

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其它相关文章!

推荐阅读