Css 位置：固定；不在视口中创建基本元素

我在很多地方读到过这样的观点：固定的；应在视口中创建元素，而不是其父元素，因为它已从正常文档流中删除。然而，正如在下面的代码中所看到的，它似乎确实是这样工作的。位置固定的元素以其父元素为起点。什么给你！？谢谢

TTK
* {
框大小：边框框；
}
.集装箱{
宽度：500px；
高度：500px；
保证金：25像素自动；
边框：5px纯黑；
位置：相对位置；
背景：黄色；
}
.位置固定{
宽度：750px；
高度：250px；
边框：3px纯蓝色；/*为什么边框不显示*/
位置：固定；
背景：红色；
}
]

如果你不知道

位置在哪里：固定元素应该是，它不知道。添加一些位置（顶部、左侧、右侧和/或底部），它应该位于右侧

.positionFixed {
    width: 750px;
    height: 250px;
    border: 3px solid blue; /* why does the border not show up */
    position: fixed;
    top:0;
    left:0;
    background: red;
}

具有位置的元素：绝对；相对于最近定位的祖先定位（而不是相对于视口定位，如固定）

来源：
我在css评论中没有得到这个问题，这里有一个工作示例，
positionFixed
固定在左上角，如果你不添加rblarsen答案的方面。由于positionFixed width更大，它超过了容器。感谢您的反馈。如果我不使用任何位置（顶部、左侧等），那么元素的位置是：固定的；将使用它的父元素，而不是视口作为放置的基础。如果不使用任何放置，它将放置在代码中放置它的位置，就像它有
position:static