技术栈

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.参数当前值最差值阈值
相关推荐
蓝天白云下遛狗
2 分钟前
goole chrome变更默认搜索引擎为百度
前端·chrome
AA-代码批发V哥
9 分钟前
CSS之布局详解指南
css
come11234
25 分钟前
Vue 响应式数据传递:ref、reactive 与 Provide/Inject 完全指南
前端·javascript·vue.js
musk1212
1 小时前
electron 打包太大 试试 tauri , tauri 安装打包demo
前端·electron·tauri
万少
2 小时前
第五款 HarmonyOS 上架作品 奇趣故事匣 来了
前端·harmonyos·客户端
OpenGL
2 小时前
Android targetSdkVersion升级至35(Android15)相关问题
前端
rzl02
2 小时前
java web5(黑马)
java·开发语言·前端
Amy.Wang
2 小时前
前端如何实现电子签名
前端·javascript·html5
今天又在摸鱼
2 小时前
Vue3-组件化-Vue核心思想之一
前端·javascript·vue.js
蓝婷儿
2 小时前
每天一个前端小知识 Day 21 - 浏览器兼容性与 Polyfill 策略
前端
热门推荐
01Coze实战第13讲:飞书多维表格读取+豆包生图模型,轻松批量生成短剧封面02手机电脑之间快速传输图片视频文件,不压缩画质、不限制大小的方法!03Coze扣子平台完整体验和实践(附国内和国际版对比)04华为昇腾 910B 部署 DeepSeek-R1 蒸馏系列模型详细指南05免费可用!最强AI数字人对口型神器:让照片开口说话唱歌,支持多人对口型+全身动作,1分钟学会!(附保姆级教程)06扣子(coze)实战|我用扣子搭建了一个自动分析小红薯笔记内容的AI应用|详细步骤拆解072024年 最新 iPhone手机 历代机型、屏幕尺寸、纵横比、分辨率 整理08C#调用WechatOCR.exe实现本地OCR文字识别09DeepSeek各版本说明与优缺点分析10Coze平台 创建AI智能体的详细步骤指南