首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >CSS 中 height: 100% 不生效的几种常见原因及排查思路

CSS 中 height: 100% 不生效的几种常见原因及排查思路

作者头像
用户1839651
发布于 2026-09-18 09:48:40
发布于 2026-09-18 09:48:40
1600
举报
概述
在写后台管理系统或者移动端页面时,经常遇到给子元素设置 height: 100% 却看不到任何高度的现象。打开控制台检查,元素本身没有内容,父级也没有显式高度,于是百分比高度就计算成了 0。这个问题在 Vue、React 项目里同样存在,跟框架无关,完全是 CSS 规范决定的。百分比高度依赖父级的高度,而父级高度又依赖它的父级,最终如果没有任何一层给出确定高度或拉伸,链条就断了。这篇文章从百分比高

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档