本文旨在解决在React应用中，当内容组件高度不足一屏时，页面中间部分会塌陷的问题。通过设置minHeight并结合antd布局，确保内容区域在高度不足时自动占满一屏。通过计算header和footer等非内容区域（restHeight）的高度，并将min-height属性继承给内容区域的最外层div，实现了全页面自适应高度的效果。
目的: 当content组件高度不足一屏时，中间部分会塌陷，所以加minHeight让他不足一屏时自动占满一屏。
restHeight 是除了content的部分，比如header + footer的高度值。所以
minHeight: document.documentElement.clientHeight - restHeight
具体代码：
import React from 'react';
import {
ConfigProvider, Layout } from 'antd';
6113
1万+
833
1575
1962
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
扫一扫
