为什么我的绝对/固定定位元素没有位于我期望的位置?

Why aren#39;t my absolutely/fixed-positioned elements located where I expect?(为什么我的绝对/固定定位元素没有位于我期望的位置?)

问题描述

我只是在学习 CSS 中的定位.根据我发现有用的文章，我开始玩弄.

使用下面的代码，我无法理解为什么绝对的灰盒 div 在它的相对父级之外.我预计灰色框会在容器的左上角.

.container {背景:浅蓝色；位置:相对；}.box-橙色 {背景:橙色；高度:100px；宽度:100px；位置:相对；顶部:100 像素；左:100px；z指数:2；}.box-蓝色 {背景:天蓝色；高度:100px；宽度:100px；/*位置:静态；*