技术栈

css-calc动态计算属性值无效

哟哟耶耶2024-06-03 10:32

1.calc计算

可以使用css属性动态适应盒子的宽高,适用于布局中左侧固定宽或高,右侧宽度适应;右侧宽度等于calc(100vw - rightWidth);

2.属性值无效

3.解决

css 复制代码
width: calc(100vw - 360px);

减号左右需要空格

上一篇:Vue.js:渐进式JavaScript框架-前端开发
下一篇:HDTune和CrystalDiskInfo硬盘检测S.M.A.R.T.参数当前值最差值阈值
相关推荐
Angel_girl319
12 分钟前
vue项目使用svg图标
前端·vue.js
難釋懷
17 分钟前
vue 项目中常用的 2 个 Ajax 库
前端·vue.js·ajax
Qian Xiaoo
19 分钟前
Ajax入门
前端·ajax·okhttp
爱生活的苏苏
42 分钟前
vue生成二维码图片+文字说明
前端·vue.js
拉不动的猪
44 分钟前
安卓和ios小程序开发中的兼容性问题举例
前端·javascript·面试
炫彩@之星
1 小时前
Chrome书签的导出与导入:步骤图
前端·chrome
贩卖纯净水.
1 小时前
浏览器兼容-polyfill-本地服务-优化
开发语言·前端·javascript
前端百草阁
1 小时前
从npm库 Vue 组件到独立SDK:打包与 CDN 引入的最佳实践
前端·vue.js·npm
夏日米米茶
1 小时前
Windows系统下npm报错node-gyp configure got “gyp ERR“解决方法
前端·windows·npm
且白
2 小时前
vsCode使用本地低版本node启动配置文件
前端·vue.js·vscode·编辑器
热门推荐
01【图像处理与机器视觉】XJTU期末考点02从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑03KGG转MP3工具|非KGM文件|解密音频04海康Visionmaster-常见问题排查方法-启动阶段05YOLOv8入门 | 重要性能衡量指标、训练结果评价及分析及影响mAP的因素【发论文关注的指标】06【SpeedAI科研小助手】2分钟极速解决知网维普重复率、AIGC率过高,一键全文降!文件格式不变,公式都保留的!07Coze扣子平台完整体验和实践(附国内和国际版对比)08DeepSeek各版本说明与优缺点分析09VMware虚拟机安装Win7专业版保姆级教程(附镜像包)10R-tree详解