如何在相对位置的顶部固定位置？

Question

CSS中的位置是什么，它们的含义和作用是什么？ 我已将第一个div 固定和第二个<div> 相对放置。

因此，当我滚动页面时，第二个出现在第一个中，我不希望发生这种情况，我希望第一个出现在顶部。

好吧，我给第二个div一个相对位置，因为我需要控制其中的另一个<div>。

<div class="up"></div>
<div class="down"></div>

和CSS：

.up{
   Position:fixed; 
 }

.down{
   Position:relative;
}

Answer 1

您还应该给他们一个价值：

.up{ 
    Position:fixed;  
    top:0px;
    left:0px;
}

.down{
       Position:relative;
}

当您想对子元素使用固定或绝对（或...）位置时，

position relative用于父元素。
top和left属性也可以是right或bottom。
如果您不希望元素在滚动时保持其位置，请使用绝对值而不是固定的
CSS position Property

Answer 2

.up {
    position: fixed;
    z-index: 1;
}
.down {
    position: relative;
    z-index: 0;
}

Z-index属性让我们将.up置于.down之上

Answer 3

将位置设置为固定或粘滞时，需要设置top或left或right或bottom属性。 top，right，bottom和left属性用于定位元素。 例如，如果您要将div＃up设置在页面的右上方，

.up{
   position:fixed; 
   top: 0;  
   right: 0;
 }

.down{
   position:relative;
}