技术栈

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】
相关推荐
llllk
4 小时前
新手向逐段讲解
css
玄玄子
1 天前
CSS 浮动引起父元素高度塌陷
前端·css
用户092629283145
2 天前
CSS 代码调试总踩坑?Gemini 3.5 精准定位修复
css
zzzzzz310
3 天前
当甲方说'logo放大的同时再缩小一点'时,我用 AI 把这个需求做出来了
javascript·css·程序员
闪闪发光得欧
4 天前
前端提效新思路:Gemini 3.5 自动化定位 CSS 异常
前端·css
用户05954017446
8 天前
AI Agent记忆测试踩坑实录:Mock骗了我一周,Mem0+pytest一招破局
前端·css
Darling噜啦啦
8 天前
CSS 3D 变换与 Flex 布局实战:从零打造旋转立方体
前端·css
用户05954017446
9 天前
把待办应用从Electron换成Tauri,内存占用狂降90%,打包体积仅5MB
前端·css
小月土星
9 天前
CSS 3D 从入门到炫技:手把手教你写一个旋转立方体
前端·css
xingpanvip
9 天前
星盘接口开发文档:本命盘接口指南
android·开发语言·css·php·lua
热门推荐
012026年6月AI大模型全景报告:GPT-5.6、Claude Opus 4.8、Gemini 3.5,中美AI三足鼎立谁主沉浮?022026年6月AI行业全景:从百模大战到Agent元年,这30天发生了什么?032026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf04【AI】2026 年具身智能模型和世界模型总结05Claude Code、Codex、Cursor三分天下:2026年AI编程Agent生态全景剖析06飞书长连接_事件订阅(接收消息,审批任务状态变更)07GitHub 镜像站点08Trae国际版与国内版深度测评:AI原生IDE的双生花09【AI总结】2026年6月 主流国内外大模型总结10AI科技热点日报 | 2026年6月1日