Html 如何将divs高度延伸到底部的页脚

我这里有麻烦，我希望容器颜色与线性梯度去到底部坚持与页脚，无论它有这么多的内容为该Div容器或没有，如果边栏的内容超过容器，反之亦然。边栏没有背景颜色，颜色来自父包装器Div。此外，在内容结束后，我需要将页脚粘贴在底部，以避免在那里显示空白

这是我的密码：

CSS:

HTML:

---

对于此类问题，我更喜欢使用

calc（）

CSS函数以及

vh

的size属性，该属性表示

视口高度

例如，为内容提供以下样式：

height: calc(100vh - 300px);

100vh

表示视口（浏览器窗口）的100%高度

---

相应地更改

300px

，使其成为收割台的准确高度。如果您在开发人员工具中实时执行此操作，您将能够完美地匹配它。

对于此类问题，我更喜欢使用

calc（）

CSS函数以及

vh

的size属性，该属性表示

视口高度

例如，为内容提供以下样式：

height: calc(100vh - 300px);

100vh
表示视口（浏览器窗口）的100%高度

相应地更改
300px
，使其成为收割台的准确高度。如果您在开发人员工具中实时执行此操作，您将能够完美地匹配它。
对于此类问题，我更喜欢使用
calc（）
CSS函数以及
vh
的size属性，该属性表示
视口高度

例如，为内容提供以下样式：

height: calc(100vh - 300px);

100vh
表示视口（浏览器窗口）的100%高度

相应地更改
300px
，使其成为收割台的准确高度。如果您在开发人员工具中实时执行此操作，您将能够完美地匹配它。
对于此类问题，我更喜欢使用
calc（）
CSS函数以及
vh
的size属性，该属性表示
视口高度

例如，为内容提供以下样式：

height: calc(100vh - 300px);

100vh
表示视口（浏览器窗口）的100%高度

相应地更改
300px
，使其成为收割台的准确高度。如果您在开发人员工具中实时执行此操作，您将能够完美地匹配它。
谢谢，这似乎有效，页脚如何？我用absolute试过了，但是当我添加了一些较小设备的媒体屏幕查询时，它在中间向上流动。你能发布你的所有页脚代码吗，包括媒体查询？我用媒体查询更新了主帖子，其余的页脚css样式位于主帖子的第一部分，我认为您的评论已被接受，但如果您能帮我处理页脚，请回答我的问题。
\pjesa kryesore
的作用是什么？谢谢，这似乎行得通，页脚怎么样？我用absolute试过了，但是当我添加了一些较小设备的媒体屏幕查询时，它在中间向上流动。你能发布你的所有页脚代码吗，包括媒体查询？我用媒体查询更新了主帖子，其余的页脚css样式位于主帖子的第一部分，我认为您的评论已被接受，但如果您能帮我处理页脚，请回答我的问题。
\pjesa kryesore
的作用是什么？谢谢，这似乎行得通，页脚怎么样？我用absolute试过了，但是当我添加了一些较小设备的媒体屏幕查询时，它在中间向上流动。你能发布你的所有页脚代码吗，包括媒体查询？我用媒体查询更新了主帖子，其余的页脚css样式位于主帖子的第一部分，我认为您的评论已被接受，但如果您能帮我处理页脚，请回答我的问题。
\pjesa kryesore
的作用是什么？谢谢，这似乎行得通，页脚怎么样？我用absolute试过了，但是当我添加了一些较小设备的媒体屏幕查询时，它在中间向上流动。你能发布你的所有页脚代码吗，包括媒体查询？我用媒体查询更新了主帖子，其余的页脚css样式位于主帖子的第一部分，我认为您的评论已被接受，但如果您能帮我处理页脚，请告诉我
#pjesa kryesore
的作用是什么？