Bootstrap页脚“始终固定在底部”需分场景：内容少时沉底、多时自然落底用flex-column+min-vh-100+flex-fill（官方推荐）；永远钉在视口底用position: fixed并预留内容区空间；sticky-bottom不适用于页脚，因其依赖可滚动父容器且常退化为static。
Bootstrap页脚“始终固定在底部”不是靠一个class就能解决的，而是取决于你真正要的是哪一种“固定”：是内容少时沉底、内容多时随文档流自然落底（粘性页脚），还是不管页面多长、永远钉在视口最下方（fixed定位）？选错方案，sticky-bottom会失效，mt-auto会失灵，position: absolute会叠内容。
用 flex-column + min-vh-100 实现真正的粘性页脚
这是 Bootstrap 5 官方推荐、兼容性最好、语义最清晰的方式。它不依赖滚动容器，也不要求内容高度可控，只靠 Flex 布局把页脚“推”到底部。
-
html和body必须设height: 100%，否则min-vh-100失效 - 外层容器（通常是
或一个<div class="d-flex flex-column min-vh-100">）必须是 flex 垂直列布局 <li>主体内容区加 <code>class="flex-fill"（等价于flex: 1），不能写height: 100%—— 后者会锁死高度，导致内容溢出时页脚卡住 - 页脚本身不加任何定位类，只保留
mt-auto是冗余的；flex-fill已经确保它被推到最后
结构示例：
<body class="d-flex flex-column min-vh-100"> <header>...</header> <main class="flex-fill">内容区域</main> <footer>版权信息</footer> </body>
sticky-bottom 在页脚上基本没用，别硬套
sticky-bottom 是为导航栏这类“需要滚动中保持可见”的组件设计的，不是给页脚用的。页脚放在 最后，父容器又没滚动高度，position: sticky 直接退化成 static，浏览器 DevTools 里能看到 computed position 变成 static 就是这个原因。
立即学习“前端免费学习笔记（深入）”；
- 它要求父容器有
overflow-y: auto或可滚动高度，而页脚通常就是文档流终点，不可能满足 - 即使强行包裹一层带
max-height的容器，页脚也会在滚动到该容器底部时“吸住”，不是整个页面底部 - WordPress 等 CMS 中，
wp_footer()输出的<footer></footer>几乎总是直接插在前，根本找不到合适的 sticky 上下文
用 position: absolute 时，父容器必须是 position: relative 且撑满
很多人写 footer { position: absolute; bottom: 0; }，结果页脚飘在中间或盖住内容——问题不在 footer，而在它的父容器没设 position: relative，导致它相对于 html 或视口定位。
- 必须给
footer的**直接父元素**加position: relative，且该父元素需有min-height: 100vh（不是height: 100vh，否则内容超长会被截断） - Bootstrap 的
.container有margin: 0 auto和固定宽度，不能当这个父容器；要用.container-fluid或自定义 wrapper -
footer自身得加width: 100%，否则只占.container宽度，左右留白
内容区内部写死 height 是最隐蔽的失效原因
Flex 布局能撑开页脚，前提是内容区能随内容自然增长。一旦你在 <main class="flex-fill"></main> 里面嵌了一个 div 并写了 height: 80vh 或 max-height: 600px，整个链路就断了：内容再多，那个 div 也不长，flex-fill 就没空间可填，页脚就被卡在半空。
- 检查 DevTools 的 computed height，看
<main></main>高度是否随内容变化；如果恒定不变，就去查它内部有没有写死高度的子元素 - 把
height全换成min-height，max-height换成overflow-y: auto，让容器保有弹性 - 尤其警惕第三方组件、图表库、富文本编辑器注入的内联样式，它们可能偷偷加了
style="height: ..."
真正难的不是选哪个 CSS 属性，而是看清 DOM 结构里谁在控制高度、谁在截断增长——页脚只是结果，不是原因。
