技术栈

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.参数当前值最差值阈值
相关推荐
驭风少年君
5 小时前
《搭建属于自己的网站之网页前端学习》基础入门
前端·学习
刘一说
6 小时前
深入理解 Spring Boot 嵌入式 Web 容器:从原理到性能调优
前端·spring boot·firefox
你的人类朋友
6 小时前
设计模式的原则有哪些?
前端·后端·设计模式
!执行
6 小时前
Web3 前端与合约交互
前端·web3·1024程序员节
潘小安
6 小时前
跟着 AI 学(二)- Quill 接入速通
前端
十里-
7 小时前
在 Vue2 中为 Element-UI 的 el-dialog 添加拖拽功能
前端·vue.js·ui
shada
7 小时前
从Google Chrome商店下载CRX文件
前端·chrome
左耳咚
7 小时前
项目开发中从补码到精度丢失的陷阱
前端·javascript·面试
黑云压城After
7 小时前
vue2实现图片自定义裁剪功能(uniapp)
java·前端·javascript
芙蓉王真的好1
7 小时前
NestJS API 提示信息规范:让日志与前端提示保持一致的方法
前端·状态模式
热门推荐
01GitHub 镜像站点02UV安装并设置国内源03BongoCat - 跨平台键盘猫动画工具04GitLab 零基础入门指南:从安装到项目管理全流程05Linux下V2Ray安装配置指南06NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南07Labelme从安装到标注:零基础完整指南08安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)09在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)10jdk21下载、安装(Windows、Linux、macOS)