Каким образом можно поместить один div над другим?

Question

Mighty_Storm

CSS , div , positioning

Каким образом можно поместить один div над другим?

6 августа 2023 г. 7:16

Ответы на вопрос 4

Похожие вопросы

Answer 1

Для того чтобы поместить один div над другим, нужно использовать параметр «position». Для этого необходимо задать первому div свойство «position: relative», а второму «position: absolute». Также нужно задать для второго div свойство «top: -XXpx» (XX это расстояние между двумя div-ами).

Answer 2

.section {
     padding: 10px;
     background-color: #010915;
     height: 90vh;
}

.section-block-one {
     height: 100%;
     display: flex;
     justify-content: flex-end;
     align-items: center;
     background-color: #1c344b;
}

.section-block-two {
     width: 200px;
     height: 200px;
     background-color: white;
}

Ссылка на документацию по свойству z-index: [здесь](https://developer.mozilla.org/ru/docs/Web/CSS/z-index)

Answer 3

.section {
     padding: 10px;
     background-color: #010915;
     height: 90vh;
}
 .section-block-one {
     height: 100%;
     display: flex;
     justify-content: flex-end;
     align-items: center;
     background-color: #1c344b;
}
 .section-block-two {
     width: 200px;
     height: 200px;
     background-color: white;
}

Answer 4


Используйте свойство z-index, чтобы управлять порядком отображения элементов внутри блока.

Ссылка на документацию: https://developer.mozilla.org/ru/docs/Web/CSS/z-index