原因分析

明确一点：子元素设置height: 100%需要父元素有确定的高度；
如果父元素高度是被子元素②撑起来的，此时我们想让子元素①撑满高度，height: 100%无效。
在这里插入图片描述

解决办法

父元素：

position: relative;

子元素：

position: absolute;
top: 0;
width: 100%;
height: 100%;
# css # css3 # 前端
Logo
华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

cover

GaussDB数据库高可用部署方案

avatar 华为开发者空间
cover

在华为开发者空间，简单几步带你实现AI风格化编程

avatar 华为开发者空间
cover

GaussDB技术解读——GaussDB架构介绍（四）

avatar 华为开发者空间