calc计算属性的用法

html-css021

calc计算属性的用法,第1张

calc是CSS3中新增的计算属性。

普通的CSS样式时，计算属性的写法如下：

Less中，计算属性的写法如下：

stylus中，计算属性的写法如下：

问题：在微信小程序中使用height:calc(xx - xx)设置元素高度无效 排查原因:calc属性设置height或width时，要求父容器有明确的对应属性设置，当父容器没有设置时，calc计算无法完成。因为我想设置高度的元素没有父容器，所以calc失效。 解决办法：1.给该元素添加设置明确高度的父容器。2.直接通过page{height:100%}解决。