Как сделать фиксированную позицию в верхней части родственника?

Question

Какова позиция в CSS, что они означают и делают?Я поместил первый div fixed , а второй <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;
}

относительная позиция используется для родительских элементов, когда вы хотите использовать фиксированные или абсолютные (или ...) позиции для дочерних элементов.
верхний и левый свойства также могут быть правыми или нижними.
если вы не хотите, чтобы элемент оставался на своей позиции при прокрутке, используйте абсолютное значение вместо фиксированного
CSS position Свойство

Answer 2

когда вы устанавливаете положение на фиксированное или липкое, вам нужно установить свойство top, left, right или bottom. Свойства top, right, bottom и left используются для позиционирования элемента. например, если вы хотите установить div # вверху справа на странице,

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

.down{
   position:relative;
}

Answer 3

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

Атрибут Z-index позволяет нам поставить .up выше .down