css - LESS 加上带百分比的像素

标签 css sass less

<分区>

height: calc(100% + 60px);

上面的代码会失败,有什么线索可以使用 LESS 将额外的 60px 添加到 100% 的高度吗?

最佳答案

LESS 和 CSS 有一个 calc 函数。如果你想使用 CSS calc 函数而不是 LESS,那么你需要转义你的等式。像这样:

height: calc(~"100% + 60px");

您仍然可以将 LESS 变量传递到此 calc 调用中。不过,您需要用方括号封装您的变量。像这样:

@padding-variable: 60px;

height: calc(~"100% + @{padding-variable}");

关于css - LESS 加上带百分比的像素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44590806/

上一篇:html - 如何在div中灵活显示div

下一篇:html - CSS - 如何更改 div 顺序

相关文章:

css - 显示无效属性的背景图像

javascript - 在 less 函数中评估一段 javascript 代码

jquery - 悬停多个小圆圈的更大区域

html - 如何清除: left and clear: right work?

html - 悬停按钮不起作用

css - 如何在服务器上编译 SASS/SCSS 文件?

Sass - 在没有颜色引用的情况下淡化颜色

function - Sass使用伪选择器扩展

css - 如何更改 LESS 文件中的 Bootstrap 面板主体?

javascript - less.js - 在解析器的回调中获取变量值