如何在Safari中将固定内容放在flexbox容器中？

<div class="flex-container">
  <!-- 内容放置在这里 -->
</div>

<div class="flex-container">
  <div class="fixed-content">
    <!-- 固定的内容放置在这里 -->
  </div>
  <!-- 其他内容放置在这里 -->
</div>

.flex-container {
  display: flex;
  position: relative;
}

.fixed-content {
  position: sticky;
  top: 0; /* 固定在容器顶部 */
  /* 或者使用 bottom: 0; 固定在容器底部 */
}

.flex-container {
  display: -webkit-flex; /* Safari 6.1+ */
  display: flex;
  position: relative;
}

.fixed-content {
  position: -webkit-sticky; /* Safari 6.1+ */
  position: sticky;
  top: 0; /* 固定在容器顶部 */
  /* 或者使用 bottom: 0; 固定在容器底部 */
}