Firefly Pixiv - KiraraShss
欢迎来到我的博客！这是一则示例公告。
211 字
1 分钟
绝对定位的注意点
欢迎来到我的博客！
使用 Markdown 格式编写。
今天学到了什么
- 使用绝对定位，要注意给盒子设置宽度。
使用绝对定位，要注意给盒子设置宽度。
这主要不是因为 z-index: -1，而是因为你的 .bg 盒子变成了绝对定位 (position: absolute)，但没有设置宽度。
原因详解
- 宽度丢失：标准的
div盒子（块级元素）默认宽度是占满父容器的 (100%)。但是，一旦加上position: absolute使其脱离文档流，如果没有内容撑开，它的宽度就会收缩为 0，导致你看不到它。 - z-index 失灵：虽然你加了
z-index: -1试图把它放到最底层，但因为宽度是 0，它实际上根本就没有显示出来。
解决方法
给 .bg 加上 width: 100%; 即可解决
赞助支持
如果这篇文章对你有帮助，欢迎赞助支持！
最后更新于 2026-01-11，距今已过 68 天
部分内容可能已过时