我在使用 flexbox 时遇到了一些定位元素的问题。 这是我接近真实情况的示例 https://jsfiddle.net/383p73L1/4/
问题是 display: fixed 元素采用所有内容宽度而不是他的父元素宽度，它具有 position: relative。这怎么可能，我错过了什么？
最佳答案
你可以通过使用让它工作
position: sticky;
top: 0;
固定值类似于绝对值，因为它可以帮助您将元素定位到相对于文档(而非父文档)的任何位置。
您可以在 -> 阅读有关定位元素的信息 https://css-tricks.com/almanac/properties/p/position/
关于css - flexbox 和 fixed children 的相对定位，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49213731/