html - 当我将位置设置为粘性时，为什么我的粘性元素不起作用？

Question

大家下午好。我正在尝试学习所有的 CSS 职位，但我已经把它们都记下来了，但由于某种原因，我无法坚持工作，它只是表现得像一个亲戚。

这是我的 HTML：

<!-- Sticky -->
    <section id="sticky">
        <h2>Sticky</h2>
        <div></div>
        <div id="middle"></div>
        <div></div>
    </section>

这是我的CSS：

#sticky #middle {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
}

如果你知道我做错了什么，请告诉我......这真的意味着很多。

标签： htmlcss

Answer 1

我没有在父级上设置高度属性。设置高度属性将解决问题。