技术栈

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)
相关推荐
神奇的程序员
6 小时前
开发了一个管理本地开发环境的软件
前端·flutter
XiYang-DING
7 小时前
HTML 核心标签
前端·html
Csvn
7 小时前
技术选型方法论
前端
Csvn
7 小时前
前端架构演进:从页面到平台的十年变革
前端
李伟_Li慢慢
8 小时前
ShaderToy-山峦+蓝天+白云
前端·webgl
小码哥_常
8 小时前
Android字体字重设置全攻略:XML黑科技+Kotlin动态实现,告别.ttf臃肿
前端
言萧凡_CookieBoty
9 小时前
AI 编程省 Token 实战:从 Spec、上下文工程到模型分层的降本策略
前端·ai编程
DFT计算杂谈
10 小时前
wannier90 参数详解大全
java·前端·css·html·css3
铁皮饭盒
11 小时前
第2课:5分钟!用 Trae AI 生成你的第一个后端服务(Bunjs + Elysia)
前端·后端·全栈
热门推荐
01要裂开了!ChatGPT要手机号验证了?注册Codex要求验证电话号码怎么办?2026年登陆Codex要手机号验证的解决办法02GitHub 镜像站点03Codex 接入 DeepSeek API 完整配置文档04零基础教你claude code 接入 deepseek V405【AI】2026 年具身智能模型和世界模型总结06几个好用的ip纯净度检测网站07裂开!ChatGPT 居然开始要手机号验证,附详细解决方法08CC-Switch & Claude 基于 Linux 服务器安装使用指南092026年AI前瞻:量子AI、具身智能与科学发现的新纪元10CVE-2026-31431 (Copy Fail) 漏洞复现与验证记录