位置：スティッキーがラッパーの子ノードである場合、スティッキーが動作しないようです

Question

別のラッパーの中にある要素に対してposition: stickyを処理しようとしています。ここで

は、それが動作していないところcodepen例である（底面積がスクロールするのに十分に小さいことを確認してください。）

https://codepen.io/anon/pen/aWLrXd

（すべてdtスティックに注意してください、しかしに包まれていない彼は1 div class='broken'タグ）

これはなぜ起こっているのでしょうか？

編集： 私は、ラッパーのディスプレイをinlineに設定すると気付いたことがあります。

Answer 1

私は、ラッパーの表示プロパティをinlineに設定すると、それが機能することに気付きました！

理由がわかりません。