尝试来自SourceForge的几个解决方案似乎无法找到它。如果有人能找到解决方案

问题：我有3个Flex列元素

• 子标头
• 主（带溢流-Y-自动）
• 子页脚

不知何故，当主内容溢出时，子页脚被向下推到屏幕尺寸之外。我错过了什么？

代码：https：//play.tailwindcss.com/ghqwk3fxw1.

顺晟科技：

外部容器应为max-h-screen，然后设置适当的溢出。因为MainscreenDIV是flex，所以它将填充其max-h-screen父对象的高度。

<代码><；DIV类="；容器W-Screen BG-Green-100"；>；<；DIV类="；flex flex-col Max-H-screen w-full overflow-hidden"；>；<；！--开始标题-->；<；DIV类="；PY-3 BG-GRAY-700 TEXT-WHITE TEXT-CENTER"；>；标题<；/DIV>；<；！--结束页眉-->；<；！--启动主屏幕-->；<；DIV类="；flex flex-col MB-auto P-0溢出-隐藏"；>；<；DIV类="；flex flex-row H-full w-full overflow-hidden"；>；<；DIV类="；Flex W-72 BG-Yellow-100"；>；边栏<；/DIV>；<；！--内容-->；<；DIV类="；Flex W-Full Max-H-Full Flex-Col Overflow-Auto"；>；<；DIV类="；PY-2 BG-GRAY-100 TEXT-GRAY-700 TEXT-CENTER"；>；子标题<；/DIV>；<；DIV类="；H-全溢流-Y-自动-P-5"；>；什么是Lorem ipsum？Lorem ipsum只是t.<；/DIV>；的虚拟文本<；DIV类="；PY-5 BG-GRAY-700文本中心文本白色"；>；子页脚<；/DIV>；<；/DIV>；<；！--结束内容-->；<；DIV类="；Flex W-72 BG-Purple-100"；>；右栏<；/DIV>；<；/DIV>；<；/DIV>；<；！--结束主屏幕-->；<；/DIV>；<；/DIV>；

的顺风