После использования «overflow-y: scroll» порядок размещения блоков DIV изменяется - PullRequest
0 голосов
/ 27 февраля 2020

image1

Мне нужно реализовать зеленую рамку в верхней части фиолетовой рамки, и фиолетовая коробка должна иметь эффект прокрутки. Но когда я использовал overflow-y: scroll , зеленое поле бежало за фиолетовым.

image2

Мой код, как показано ниже :

.box_middle{

    margin-left: 50%;
    margin-top: 15%;
}

.class1{

    background-color: blueviolet;
    padding: 20px;
    width: 200px;
    height: 400px;
    overflow-y: scroll;
}

.class2{

    background-color: aquamarine;
    margin-top: -550px;
    margin-left: 150px;
    margin-right: 50px;
    width: 450px;
    height: 200px;
}

image3

1 Ответ

0 голосов
/ 27 февраля 2020

, чтобы вывести class2 поверх class1. использовать положение как абсолютное

.class2{

    background-color: aquamarine;
    position:absolute;
    margin-top: -550px;
    margin-left: 150px;
    margin-right: 50px;
    width: 450px;
    height: 200px;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...