默认情况下，浏览器的 `
` 元素自带默认外边距（margin），即使你已为自定义背景容器设置了 `margin: 0` 和 `padding: 0`，仍会因 body 的默认样式导致四周出现约 5px 的白边间隙。要实现背景图片真正全屏铺满、零缝隙覆盖，关键在于重置浏览器对 <body> 的默认样式。你当前的 .fixed-bg 类虽然设置了 margin: 0; padding: 0; height: 100%;，但它的父容器——即 <body>——本身默认带有 margin: 8px（各浏览器略有差异，常见为 8px，视觉上近似你观察到的“5px~间隙”），这会导致整个内容区域被向内缩进，从而在背景边缘露出空白。
✅ 正确做法：在 CSS 中显式清除 <body> 的默认边距与填充：
* {
margin: 0;
padding: 0;
box-sizing: border-box; /* 推荐：统一盒模型计算方式 */
}
body {
/* 确保 body 本身不产生额外偏移 */
margin: 0;
padding: 0;
/* 可选：防止滚动条干扰（如需严格全屏） */
overflow-x: hidden;
}同时，为确保 .fixed-bg 能真正撑满视口高度，建议将 height: 100% 升级为 min-height: 100vh（viewport height），避免因内容高度不足导致背景截断：
.fixed-bg {
min-height: 100vh; /* ✅ 替代 height: 100% —— 更可靠地覆盖整个视口 */
background-image: url("space.png");
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin: 0;
padding: 0;
/* 移除 left/top 等定位属性（除非你确实在做绝对定位） */
/* 若非绝对定位，请勿设 left: -10px; 否则可能引发水平滚动条 */
}⚠️ 注意事项：
- height: 100% 依赖父元素有明确高度，而 <html> 和 <body> 默认无显式高度，因此 100% 常失效；100vh 直接基于视口，更健壮；
- background-attachment: fixed 在移动端部分浏览器中可能表现异常或性能较差，如需兼容性更强的全屏背景，可改用 background-attachment: scroll + background-size: cover；
- 若使用 Flask 框架，请确认 CSS 文件已正确加载（检查浏览器开发者工具 Network 面板），且无其他全局样式（如 Bootstrap）意外覆盖了 body 样式。
总结：清除 body 默认 margin 是解决“背景留白”的根本一步；配合 min-height: 100vh 和语义清晰的背景属性，即可实现真正无缝、响应式的全屏背景效果。
