用户1839651
CSS 中 height: 100% 不生效的几种常见原因及排查思路
原创
关注作者
腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
用户1839651
社区首页
>
专栏
>
CSS 中 height: 100% 不生效的几种常见原因及排查思路
CSS 中 height: 100% 不生效的几种常见原因及排查思路
用户1839651
关注
发布于 2026-09-18 09:48:40
发布于 2026-09-18 09:48:40
160
0
举报
概述
在写后台管理系统或者移动端页面时,经常遇到给子元素设置 height: 100% 却看不到任何高度的现象。打开控制台检查,元素本身没有内容,父级也没有显式高度,于是百分比高度就计算成了 0。这个问题在 Vue、React 项目里同样存在,跟框架无关,完全是 CSS 规范决定的。百分比高度依赖父级的高度,而父级高度又依赖它的父级,最终如果没有任何一层给出确定高度或拉伸,链条就断了。这篇文章从百分比高
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系
cloudcommunity@tencent.com
删除。
css
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档