css - 如何避免css中两个对象的重叠？

Question

我正在关注一个教程https://www.youtube.com/watch?v=l6nmysZKHFU 任何人都可以在 8:10 帮助我处理 css 他告诉我们需要创建主标签，以便我们之后创建的对象不要重叠我知道我想知道有没有更好的方法来做到这一点。我们可以在工具栏 css 中进行一些调整以使其固定，以便其他元素不会在工具栏中重叠

标签： css

Answer 1

position: sticky;您可以使用with代替固定位置top: 0;。然后，您不必添加任何其他元素来避免重叠。

位置粘性

这基本上是相对位置和固定位置之间的混合，它允许定位的元素表现得像它是相对定位的，直到它滚动到某个阈值点（例如，距离视口顶部 10 像素），之后它变得固定。