黏性定位，用於在滾動時保持固定在指定位置的元素，其行為異常與Flexbox 容器一起使用時。當 Flexbox 元素預設拉伸時會出現此問題，導致元素高度一致而無法捲動。
要解決此問題，請在黏性元素中加入align-self: flex-start。此屬性將元素的高度設為自動，從而允許捲動並解決定位問題。
需要注意的是，瀏覽器對位置的支援：黏性表格各不相同。 Safari 需要 -webkit- 前綴，而 Firefox 目前遇到問題。
以下是調整後的程式碼片段供參考：
.flexbox-wrapper {<br> display: flex; <br> 溢出：自動；<br> 高度：200pxxx ； /<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></em>以上是為什麼我的黏性元素不能與 Flexbox 一起使用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
