Html 粘头&；页脚没那么粘

我有一个基本的bootstrap 4，flex页面，它的导航和页脚应该是粘性的，但不是，我不知道为什么：

公司
html，
身体{
身高：100%；
}
#页面内容{
弹性：10自动；
}
#粘脚{
弹性收缩：无；
}
/*页面样式的其他类*/
身体{
背景：#007bff；
背景：线性梯度（向右，#0062E6，#33AEFF）；
}
















使用Flexbox的粘性页脚
只需使用两个引导4实用程序类和三个自定义CSS规则，您就可以
为您的网站启用flexbox粘性页脚

Lorem ipsum dolor sit amet，是一位杰出的献身者。阿利夸姆库拉比图、奥纳莫来斯蒂乌拉、尼西三色舌苔，在同侧前的一段时间。不要用佩伦茨克语来形容毛里斯，不要用拉奥里特语来形容拉奥里特。在turpis id eros Comodo laoreet中。Sed hendrerit矢状元素。无果木香。我是欧盟立法者，我是正义者，我是侵权者。大生命之门的边缘生活。
Nunc自由侵权人，rhoncus vitae augue ut，拍卖人aliquam Nunc。多内克·拉奥里特，马萨·埃吉特·佩伦茨克·费吉亚，前爱神维韦拉·马萨，在泰勒斯的孕妇乌纳·贾斯托。Morbi的伤口愈合了，生命的意义在于最大限度的恢复。我做了一个按摩。不要在大话匣子里胡说八道。毛里斯·费吉亚（Mauris feugiat nunc vehicula mollis vehicula）。Donec mattis blandit nisl，nec tristique tellus tristique quis。在lobortis和eget finibus velit cursus这两个欧洲猫科动物设施区。塞德·福西布斯·康格·康格。
维瓦马斯·沃里帕特，利奥·维尔·斯克莱里斯克·普莱瑞特，马莱苏阿达·埃尼姆之角，时间上的莫里斯·泰勒斯坐在那里。Fusce feugiat孕妇orci。非酒后饮用苏打水、苏打水、各种直径。利奥，亨德雷特，普尔文纳，奥迪奥。非最大化的效率。Fusce id purus lorem。肉质性胎动或非肉质性胎动。生命之门，生命之门，奥古斯特之门。这是一个不需要修车的地方。奎斯克·麦格纳·特皮斯，在欧盟国际会议上的孕妇，积累的经验。
空矢状体。Donec lacus augue，suscipit vel faucibus id，lorem中的faucibus。Suspendisse semper augue a massa rhoncus，位于ullamcorper diam porttitor。万岁。生活与生活，生活与生活，生活与生活。在faucibus中，Interdum和malesuada在第一次同侧前就出名了。莫莱斯蒂、康格、布朗迪特·尼塞尔、奥古斯都·多洛·索利西托。我们需要一个安全的环境。这是一辆汽车。面部皮肤粗糙，前庭皮肤粗糙，皮肤粗糙，皮肤粗糙。
这是一个非常重要的时刻，是一个非常重要的时刻，是一个非常重要的时刻。未怀孕的婴儿。这是一个巨大的挑战，也是一个暂时的挑战。拍卖人福西布斯·奎姆（faucibus quam）是一位时下最重要的人物。塞德·索利西图丁·奥纳雷·波特托。最重要的是，这是一个伟大的家族。莫里斯·维塔·自由之家是一个伟大的城市。这是一个怀孕前的缺陷。这是我们的披风。在奥纳雷尼索拍卖行，拍卖人坦普斯。在乌兰科佩尔，这是一种提高效率的方法。在laoreet nibh放置的老鼠体内，发现了红色葡萄藤分子。

版权及副本；你的网站

对于粘性标题，您将类添加到

标题

，而不是

导航

，如下所示：

公司
html，
身体{
身高：100%；
}
#页面内容{
弹性：10自动；
}
#粘脚{
弹性收缩：无；
}
/*页面样式的其他类*/
身体{
背景：#007bff；
背景：线性梯度（向右，#0062E6，#33AEFF）；
}
















使用Flexbox的粘性页脚
只需使用两个引导4实用程序类和三个自定义CSS规则，您就可以
有弹性