html CSS使Div扩展以填充父级但不溢出

xytpbqjk 于 2022-12-09 发布在其他

关注(0)|答案(1)|浏览(174)

我正在做一个需要一些基本的HTML/CSS的项目。我有一个代码笔，可能更容易可视化：https://codepen.io/Sean713/pen/yLEZVEe
我的目标是让innerBottomHalf元素扩展到完全填充bottomHalf元素（除了任何填充）。我还希望navbar + wholePage元素占据整个VH。
我目前有它的设置，使wholePage占用了整个VH，我不知道如何减去导航栏的高度。
我还看到我的innerBottomHalf扩展到我的BottomHalf之外，我不知道这是为什么，因为我已经将它的高度设置为100%。
我在网上尝试了很多解决方案，GPT聊天机器人，以及用代码来刺激，但一直无法弄清楚。我感谢任何帮助。
我的代码如下：
第一个