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

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用于父元素。 顶部和左侧属性也可以是右侧或底部。 如果您在滚动时不希望元素保持在其位置，请使用绝对而不是固定 CSS position Property

Answer 2

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

Z-index属性让我们将.up带到.down之上

Answer 3

当您将位置设置为固定或粘滞时，您需要设置顶部或左侧或右侧或底部属性。 top，right，bottom和left属性用于定位元素。例如，如果要将div＃设置为页面的右上角，

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

.down{
   position:relative;
}