粘性定位，用于在滚动时保持固定在指定位置的元素，其行为异常与 Flexbox 容器一起使用时。当 Flexbox 元素默认拉伸时会出现此问题，导致元素高度一致而无法滚动。
要解决此问题，请向粘性元素添加align-self: flex-start。该属性将元素的高度设置为自动，从而允许滚动并解决定位问题。
需要注意的是，浏览器对位置的支持：粘性表格各不相同。 Safari 需要 -webkit- 前缀，而 Firefox 目前遇到问题。
以下是调整后的代码片段供参考：
.flexbox-wrapper {<br> display: flex; <br> 溢出：自动；<br> 高度：200px； /<em> 不必要——例如仅 </em>/<br>}<br>.regular {<br> 背景颜色：蓝色； /<em> 不必要——例如仅 </em>/<br> height: 600px; /<em> 不必要——例如仅 </em>/<br>}<br>.sticky {<br> 位置：-webkit-sticky; /<em> 对于 Safari </em>/<br> 位置：粘性；<br> 顶部：0；<br> 对齐自我：flex-start； /<em> /<br> 背景颜色：红色； /<em> 不必要——仅作为示例 </em>/<br>}<br>以上是为什么我的粘性元素不能与 Flexbox 一起使用？的详细内容。更多信息请关注PHP中文网其他相关文章！
