我有一个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
上方的一点,但是它根本不会移开。
答案 0 :(得分:0)
在“视频”类中的“ margin-right”属性中使用负值在“ margin-left”属性中起作用,并且可以正确移动iframe div。