diff --git a/web/navi.css b/web/navi.css index 339c388..0a1e24e 100644 --- a/web/navi.css +++ b/web/navi.css @@ -2507,3 +2507,24 @@ html[data-theme] body #dashy > footer > .navi-footer { } /* ④ minimal:host 已是 body 子项,用 margin-top:auto 让页脚贴页面最底 */ html[data-theme] body:has(.minimal-home) > .navi-footer-host { margin-top: auto !important; } + +/* ═══ v83:页脚贴住页面最底(消除 #app 吞掉剩余空间)═══ + 实测(滚到最底): + / host.bottom=720 = 视口高 → 距底 0px ✓ + /minimal host.bottom=717,文档 720 → 余 3px(可接受但未归零) + /workspace host.bottom=674,文档 720 → **余 46px** + 根因:body(display:flex; flex-direction:column)的 #app 为 flex:1 1 auto, + 会吃掉全部剩余高度,使后面的 .navi-footer-host 只能排在 #app 之后的中途。 + 修法:当 body 直接含 .navi-footer-host 时,让 #app 不再弹性伸展(flex:0 0 auto), + 页脚即可落在页面最底;minimal 的 3px 来自 #app 之外的一点点余量,一并归零。 */ +html[data-theme] body:has(> .navi-footer-host) > #app { + flex: 0 0 auto !important; +} +html[data-theme] body:has(> .navi-footer-host) > .navi-footer-host { + margin-top: auto !important; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} +/* minimal:内容链最后一个容器不留底部余量 */ +html[data-theme] body:has(.minimal-home) > .navi-footer-host { margin-bottom: 0 !important; padding-bottom: 0 !important; } +html[data-theme] body:has(.minimal-home) #app > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }