Html 两列布局中的粘性页脚位置
这篇文章是的更新版本。我会尽力比在另一篇文章中更好地解释我的问题。该问题与两种情况下的页脚位置有关 情景1： 第一种情况是，主体的内容不足以填充浏览器的高度，因此页脚必须固定在浏览器的底部 情景2： 第二种情况是主体内容物高度较高且溢出。这里我不希望页脚固定在底部，所以页脚必须在内容的底部之后 Fiddle示例的第一个方法和链接位于上面另一篇文章的链接中Html 两列布局中的粘性页脚位置,html,css,Html,Css,这篇文章是的更新版本。我会尽力比在另一篇文章中更好地解释我的问题。该问题与两种情况下的页脚位置有关 情景1： 第一种情况是，主体的内容不足以填充浏览器的高度，因此页脚必须固定在浏览器的底部 情景2： 第二种情况是主体内容物高度较高且溢出。这里我不希望页脚固定在底部，所以页脚必须在内容的底部之后 Fiddle示例的第一个方法和链接位于上面另一篇文章的链接中 顺便说一下。我知道这可以通过Javascript实现，但我只想使用CSS规则。有什么想法吗？我建议使用嵌套flexbox，示例如下：
顺便说一下。我知道这可以通过Javascript实现，但我只想使用CSS规则。有什么想法吗？我建议使用嵌套flexbox，示例如下：
正文{
显示器：flex；
弯曲方向：立柱；
高度：100vh；
保证金：0；
}
.集装箱{
弹性：1；
显示器：flex；
}
.内容{
显示器：flex；
弯曲方向：立柱；
证明内容：之间的空间；
}标题
边栏
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
页脚