Html CSS粘性页脚不工作，带有flexbox

我正在尝试使用flexbox创建一个粘性页脚。我知道还有其他的方法，请随意给我推荐更好的方法。我使用过其他方法（负利润率等），但它们无法正常工作。我也不在乎它是否能与传统的浏览器配合使用，因为它的人口规模太小，我不在乎我将运行的站点类型

网址：

页脚应为100%宽度，但添加flexbox后，页脚就不是了。如果我在页脚上将位置设置为绝对，则宽度是正确的，但它会移动到页面顶部。那不是我想要的

我需要这样做，使页脚是100%的宽度，并坚持在页面底部，同时也有一个通用的空白之间的内容和页脚

---

请记住，上面的页面是一个临时URL。

从

页脚中删除
页边距：auto
。flex子级上的自动边距具有整洁的效果，但不是您希望在此处使用的效果。这里有一篇关于它的好文章


#页脚{
边距：0！重要；
}

乌贝克斯联邦技术中心
Galleria.loadTheme（'../../../assets/js/Galleria/themes/classic/Galleria.classic.min.js'）；
Galleria.run（“.Galleria”{
过渡：“淡出”，
图像裁剪：对
});
技术中心
这座技术中心和办公大楼于20世纪80年代初开业，主要是
汽车测试、视觉和激光制造，以及其他领域的许多其他业务
行业。该建筑群由3座独立的建筑组成，分为许多不同的单元



该中心的入住率一直保持在几乎最高水平，直到2000年代中期，公司开始迁出
由于设施的规模越来越大。最终的经济衰退毫无帮助，而
该中心继续失去租户。中心棺材上的钉子是当最大的租户，
麦格纳汽车公司搬到了另一家工厂。此后，一些较小的企业占用了这些设施，
但这个建筑群大部分还是空的。2013年，最后一位承租人搬到了另一家设施，将
该综合体的空置率为100%



不久之后，该网站的开发商宣布了一个新的市场和购物中心的计划，将
利用现有的结构。作为这项计划的一部分，一座大楼和另一座大楼的四分之一被拆毁
放下。自那以后，现场没有发生任何新的开发。电力和其他服务很快被切断
在部分拆迁之前，剩余建筑的内部也因此逐渐腐朽。
该中心有望看到一个更光明的未来，但就目前而言，它仍然空置，暴露在恶劣的环境中

版权及副本；2017年，美国黑人黑人联合会。版权所有

谢谢。这似乎解决了这个问题，我从来没有意识到Flexbox会这样做。我对他们的概念很陌生。我的最后一个问题是页脚和内容之间的上边距。当最大化时，页脚和内容之间的边距正是我想要的。然而，在较小的屏幕上，内容比我希望的更接近页脚。你知道如何使这个通用/一致吗？@OpFor“当最大化时，页脚和内容之间的边距就是我想要的。但是，在较小的屏幕上，内容比我想要的更接近页脚。”这对我来说有些无意义，因为我不知道你的显示器/浏览器是什么样子，还有那里的样子。你为什么不在
#页脚上用一个更大的
页边距？现在是5px，是我的错。固定的。我很确定我看错了代码集。我想知道为什么我的利润增长不适用。再次感谢您的帮助。@OpFor awesome，np。请以后帮我们一个忙，并在帖子中包含相关的html/css。SO的目标不仅仅是解决你的问题。T