🪴qql1's digital garden
Search
搜索
暗色模式
亮色模式
阅读模式
探索
Home
❯
笔记
❯
计算机知识
❯
app应用
❯
webAPP
❯
前端
❯
CSS
❯
概念
❯
子元素撑满容器空间
子元素撑满容器空间
2026年1月26日
1分钟阅读
结构-构造-组织-布局
布局-格局-布置
部署-布局-布置-配置-配备-布-安排
布局-搭架子
排版-布局
式样-样式-形式-式-花样-款式-式子-试样-样款-款型
体裁-样式-体-体制
（电脑-PC-桌面端-计算机）成员-/（电脑-PC-桌面端-计算机）方法-（电脑-PC-桌面端-计算机）函数-（电脑-PC-桌面端-计算机）功能
比重-比例-百分比-百分数-分之
世面-场面-场景
景象-现象-气象-状况-情景-光景-面貌-场面-容-观-景-万象-场景-此情此景-形貌
高度-高-高矮-高低-长短-长
高度-莫大-惊人-可观-冲天-万丈-入骨-彻骨
对象-目标-靶子-靶
前端-dom-bom/css-
固定-恒定-永恒-铁定-一定-稳定-稳-恒-一贯-原则性-固化-定点-定位-锚固-定势-稳住
弹性布局-flex
盈余-赢余-余剩-剩余-结余-存栏-存项
剩余-下剩-余下-剩下-剩余-多余-节余-结余-盈余
三个点-剩余-省略号
文件-文档-txt文件-笔记
札记-摘记-笔记-侧记
杂记-笔记-笔录-笔谈-杂志-记-侧记
记-笔记-速记-简记
因素-要素-元素-素
计算机-电脑-微处理机-微电脑-微机-微型机-微处理器-处理器
空中-空间-上空-长空-半空-半空中
（电脑-PC-桌面端-计算机）应用-软件-程序-app
网站-网页端-web端-web应用-webAPP
实现目标
：父容器高度固定（如300px），子元素平分或占满容器高度
原理一：通过css自动计算
child::
css实现子元素撑满容器空间
原理二：js计算
child::
js实现子元素撑满容器空间
关系图谱
目录
原理一：通过css自动计算
原理二：js计算
反向链接
CSS尺寸自适应布局
虚拟化列表