粘性位置不适用于基于浮动的布局，但适用于基于浮动的布局

Question

我想知道是否有人对为什么我的位置有问题：粘滞在基于浮点的布局内而不是外部

您可以在以下位置看到一个小提琴：https://jsfiddle.net/pjt0kmd7/1/

我正在使用以下CSS作为粘性位置：

.sticky {
    min-width: 200px;
    height: 300px;
    background-color: red;
    color: #fff;
    position: sticky;
    top: 1em;
    z-index: 10000;
}

我还尝试通过以下方法消除第一个便签的父母的溢出和身高：

overflow:none;
height:auto;

但这并没有什么区别。有人知道为什么第一个红色框不像第二个那样粘吗？

编辑好像我想通了，粘性父母需要定义一个高度吗？ https://jsfiddle.net/pjt0kmd7/4/