为什么Z-Index属性无法正确定位此DIV?

时间:2019-03-25 21:29:09

标签: html css iframe

我有一个div,我想放在它旁边的div上。

divs是兄弟姐妹。我要移至上方的div中有一个iframe,而已经正确放置的第一个div中有一个img

我已将img div定位为'relative'属性,并将其'z-index'设为-1。

然后我将iframe div的{​​{1}}设置为'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上方的一点,但是它根本不会移开。

1 个答案:

答案 0 :(得分:0)

在“视频”类中的“ margin-right”属性中使用负值在“ margin-left”属性中起作用,并且可以正确移动iframe div。