У меня есть один div Я бы хотел расположить над div рядом с ним.
divs - это братья и сестры. У div, который я хочу переместить, есть iframe, в то время как у первого div, который уже правильно позиционирован, есть img.
Я поместил img div с атрибутом'lative 'и присвоил ему' z-index '-1.
Затем я установил iframe div на 'margin-right' над img div, но это не сработает.
Я попытался установить iframe div для позиционирования, но даже это не сработало.
<div class="imagecontainer">
<img class="image" src="images/folder-number.png">
</div>
<div class="video">
<iframe width="300" height="169" src="https://www.youtube.com/embed/_xxxxxxxx_w" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
.image {
width: 32vw;
height: auto;
z-index: inherit;
}
.imagecontainer {
display: inline-block;
margin-left: 12vw;
position: relative;
z-index: -1;
}
.video {
display: inline-block;
margin-right: 5vw;
}
Я хочу, чтобы iframe div просто скользнул немного поверх img div, но вместо этого он просто не двигался бы над ним вообще.