calc()

支持盒模型属性

【calc() 可以动态计算元素的宽高... 实现响应式布局,这个属性很厉害】

Less 中的写法

width:-webkit-calc(~"100% - 132px");

width:-moz-calc(~"100% - 132px");

width:-o-calc(~"100% - 132px");

变量写法

@width:100px;

width:-webkit-calc(~"100% - @{width}");

width:-moz-calc(~"100% - @{width}");

width:-o-calc(~"100% - @{width}");

css 中的写法

width:-webkit-calc(100% - 132px);

width:-moz-calc(100% - 132px);

width:-o-calc(100% - 132px);

posted @ 2018-01-30 12:38  大厨的笔记  阅读(127)  评论(0编辑  收藏  举报