技术栈

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)
相关推荐
pas136
9 小时前
40-mini-vue 实现三种联合类型
前端·javascript·vue.js
摇滚侠
9 小时前
2 小时快速入门 ES6 基础视频教程
前端·ecmascript·es6
珑墨
10 小时前
【Turbo】使用介绍
前端
军军君01
10 小时前
Three.js基础功能学习十三:太阳系实例上
前端·javascript·vue.js·学习·3d·前端框架·three
打小就很皮...
11 小时前
Tesseract.js OCR 中文识别
前端·react.js·ocr
wuhen_n
12 小时前
JavaScript内存管理与执行上下文
前端·javascript
Hi_kenyon
12 小时前
理解vue中的ref
前端·javascript·vue.js
落霞的思绪
13 小时前
配置React和React-dom为CDN引入
前端·react.js·前端框架
Hacker_Z&Q
13 小时前
CSS 笔记2 (属性)
前端·css·笔记
Anastasiozzzz
14 小时前
LeetCode Hot100 295. 数据流的中位数 MedianFinder
java·服务器·前端
热门推荐
01GitHub 镜像站点02Clawdbot 中文汉化版 接入微信、飞书03OpenCode 入门教程:介绍 · 安装 · 配置第三方 API (如 Claude)04OpenClaw部署与配置教程:在Mac mini上接入国产大模型与飞书05Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services06UV安装并设置国内源072026美赛A题智能手机电池续航时间预测的连续时间数学模型08在Trae中使用Pencil MCP09Claude Code Skills 实用使用手册10Linux下V2Ray安装配置指南