$width: 20px; width: calc(100% - #{$width});
Sass/Scss中使用calc带入变量
2022-09-12
540
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
Sass/Scss中使用calc带入变量
目录
相关文章
|
2月前
|
JavaScript
前端开发
Shell
|
11月前
|
JavaScript
前端开发
|
8月前
|
前端开发
css calc() 的使用方法，里面包含bug
在做后台管理系统的时候吗，我们通常会发现，左侧的菜单需要出去顶部后自动布满整个屏幕，并且加上背景颜色。但是实现起来有的时候却是挺难受的。所以在这里我们就是用calc() 来使用。calc() 是css 里面的一个计算长度的公式。里面可以进行加减乘除。 但是用的不好的话，会发现没有作用。
139
0
0
|
存储
前端开发
开发者
|
JavaScript
|
前端开发
JavaScript
sass变量详解——你不知道的sass。
写在前面：
现在一直使用sass写css，当初入门的时候，看的很多教程，当时看的云里雾里的，现在看来还是蛮详细的，就是一点，不够小白。本人文章类型一直比较偏小白的，想要更好的为不会用sass提供一点学习的资料，相信本文对想要学习sass的人，还是有极大的参考价值的。里面有些细节，也许对已经学会使用sass的大手子也有一定的参考价值。
变量是什么？
w3c关于JavaScript 变量的介绍：
上面一大堆巴拉巴拉的东西，可以先这么理解，把变量看作一个存放东西的盒子，可以将钥匙、手机、饮料等物品存放在这个盒子中，也可以在需要的时候换成我们想存放的新物品，那里面的旧的东西就存不了。
387
0
0
|
前端开发
JavaScript
SCSS 迷你书 (下) - SCSS 中 @指令
SCSS的@import是css的加强版本,共有以下几种方式可以互相导入引用;
注意点 - 可以使用相对路径 - 导入的文件可以.scss后缀名 - 可以引入线上的scss文件 - 支持括入引入的写法 - 在同一个目录不能同时存在带下划线和不带下划线的同名文件。 例如，_navbar.scss 不能与 navbar.scss 并存。 - 支持引入带下划线和不带下划线的文件;比如(navbar和_navbar) - 若是文件命名**带下划线**则不编译该文件,但却可以正常把样式导入其他文件用(如index.scss引入_navbar,只产生index.css) - 若是文件命名*不带下划线**,
241
0
0