技术栈

css less sass 动态宽高

?Givenchy2024-01-16 9:24

less

javascript 复制代码
height: ~"calc(100% - 30px)";

若要需要按照某个比例固定高度可以用

javascript 复制代码
min-height: e("calc(100vh - 184px)")

css

javascript 复制代码
 height: calc(100% - 50px);

sass

javascript 复制代码
height:calc(100% - var(--height) );
上一篇:openssl3.2 - 官方demo学习 - mac - gmac.c
下一篇:前端环境安装【mac/window,nvm管理多个版本node,node,npm,yarn,react】
相关推荐
Mh
3 小时前
鼠标跟随倾斜动效
前端·css·vue.js
CyrusCJA
10 小时前
毛玻璃效果
前端·css·css3
huangql520
13 小时前
CSS布局(五):Flex——让布局更灵活
前端·css
lemon_yyds
14 小时前
Element UI 实践踩坑- date-picker 组件 定制化type="daterange"
前端·css
布局呆星
17 小时前
Vue3 笔记:过渡动画与自定义指令
javascript·css·vue.js·python·es6·html5
qq435694701
18 小时前
JavaWeb03
前端·css·html
慕斯fuafua
18 小时前
CSS——弹性盒子
前端·css
huangql520
18 小时前
CSS布局 (三):浮动——从文字环绕到多列布局
前端·javascript·css
小赵同学WoW
1 天前
CSS作用域穿透选择器
前端·css
逆光如雪
1 天前
移动端border-left 和 width:1px,同样写1px为什么粗细不同?
前端·css
热门推荐
012026年4月技术前沿:AI大模型爆发、智能体革命与量子安全新纪元02GitHub 镜像站点032026 年 AI 编程助手全面对比评测:Cursor vs Copilot vs Claude Code vs GitHub Copilot Free042026年4月AI大事件深度解读:大模型竞争进入“深水区“05Claude Code Windows 兼容性问题:指定版本 2.1.112 可解决06AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析07UBUNTU Claude Code 报错 claude native binary not installed08近期有什么ai的新消息,新动态? 2026.4月09从限购到畅通:GLM-5.1 Coding Plan接入攻略10从零部署 Hermes Agent:一只"会成长的 AI 马"保姆级安装教程