Html 强制引导'；从页脚到页面或内容底部的可变高度，以较低者为准

在我的引导页面中，我想强制

…

位于页面或内容的底部，以较低者为准

而且已经有了一个很好的解决方案。然而，这种方法要求我提前知道页脚的高度

---

如何实现相同的效果，但页脚高度由其内容决定？

您可以使用

flexbox

实现粘性页脚

使用

flex:10自动到
部分
将使其变得
灵活
，它将获得所有可用空间


使弹性项目灵活，并将弹性基础设置为零，
产生一个项目，该项目收到指定比例的
flex容器中的可用空间。如果flex容器中的所有项目
使用此图案时，其尺寸将与指定的尺寸成比例
弹性系数。相当于弹性：10


html，
身体{
保证金：0；
填充：0；
}
html{
身高：100%；
}
身体{
最小高度：100%；
显示器：flex；
弯曲方向：立柱；
高度：1px；/*IE的高度骇客*/
}
标题，
页脚{
填充：10px；
颜色：白色；
背景色：#000；
}
部分{
flex:1 0 auto；/*这将使节更灵活*/
}
标题
页脚
您可以使用
flexbox
实现粘性页脚

使用
flex:10自动到
部分
将使其变得
灵活
，它将获得所有可用空间


使弹性项目灵活，并将弹性基础设置为零，
产生一个项目，该项目收到指定比例的
flex容器中的可用空间。如果flex容器中的所有项目
使用此图案时，其尺寸将与指定的尺寸成比例
弹性系数。相当于弹性：10


html，
身体{
保证金：0；
填充：0；
}
html{
身高：100%；
}
身体{
最小高度：100%；
显示器：flex；
弯曲方向：立柱；
高度：1px；/*IE的高度骇客*/
}
标题，
页脚{
填充：10px；
颜色：白色；
背景色：#000；
}
部分{
flex:1 0 auto；/*这将使节更灵活*/
}
标题
页脚
上次我选中Flexbox时，它与引导不兼容。这改变了吗？
flexbox
是网格系统，它也可以与引导一起工作，我经常使用它，尤其是
sticky footer
或
sticky sidebar
bootstrap4
正在使用
flexbox
。上次我选中flexbox时，它与Bootstrap不能很好地协同工作。这改变了吗？
flexbox
是网格系统，它也可以与引导一起工作，我经常使用它，尤其是
sticky footer
或
sticky sidebar
bootstrap4
正在使用
flexbox
。