技术栈

width: 100% -116px; css怎么设置

MYG_G2024-12-03 11:26

width: 100% -116px; css怎么设置

  • calc()函数

calc()函数

在CSS中,无法直接使用类似width: 100% - 116px;的语法来设置宽度。不过,可以通过使用CSS的calc()函数来实现这个效果。calc()函数允许你在CSS属性中进行计算。

你可以这样写:

javascript 复制代码
element {
    width: calc(100% - 116px);
}

这样,element的宽度将被设置为其父元素宽度的100%减去116像素。

上一篇:Spring Boot 3 集成 Spring Security + JWT
下一篇:Formality:等价性检查的流程与模式(Guide、Setup、Preverify、Match与Verify)
相关推荐
kite0121
2 小时前
浏览器工作原理06 [#]渲染流程(下):HTML、CSS和JavaScript是如何变成页面的
javascript·css·html
coding随想
4 小时前
JavaScript ES6 解构:优雅提取数据的艺术
前端·javascript·es6
小小小小宇
4 小时前
一个小小的柯里化函数
前端
灵感__idea
5 小时前
JavaScript高级程序设计(第5版):无处不在的集合
前端·javascript·程序员
小小小小宇
5 小时前
前端双Token机制无感刷新
前端
小小小小宇
5 小时前
重提React闭包陷阱
前端
小小小小宇
5 小时前
前端XSS和CSRF以及CSP
前端
UFIT
5 小时前
NoSQL之redis哨兵
java·前端·算法
超级土豆粉
5 小时前
CSS3 的特性
前端·css·css3
星辰引路-Lefan
5 小时前
深入理解React Hooks的原理与实践
前端·javascript·react.js
热门推荐
01【图像处理与机器视觉】XJTU期末考点02从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑03KGG转MP3工具|非KGM文件|解密音频04海康Visionmaster-常见问题排查方法-启动阶段05YOLOv8入门 | 重要性能衡量指标、训练结果评价及分析及影响mAP的因素【发论文关注的指标】06【SpeedAI科研小助手】2分钟极速解决知网维普重复率、AIGC率过高,一键全文降!文件格式不变,公式都保留的!07Coze扣子平台完整体验和实践(附国内和国际版对比)08DeepSeek各版本说明与优缺点分析09VMware虚拟机安装Win7专业版保姆级教程(附镜像包)10R-tree详解