位置绝对在滚动时没有固定的位置

Question

因此，当我滚动时，我试图制作一个音乐应用程序，让我的位置绝对搞乱了整个布局

我试着在互联网上搜索保持父母的位置：相对但不起作用

我的HTML-

<div style="width:inherit;height:inherit;overflow:hidden" >
  <div class="ov" ><div><i style="font-size:2em;" class="fa fa-pause-circle"></i></div></div>

我的CSS-

.ov{

    width:12em;
    overflow: hidden;

    justify-content: center;
    text-align: center;
    flex-direction: column;

    border-radius: 15px;
    height: 12em;
    opacity:0.8;
    position: absolute;
    z-index:2;
    background-color: black;

}

应该怎么看 - （https://imgur.com/sSPyUOr） 我滚动时的样子 - （https://imgur.com/LteKyq6）

Answer 1

给出第一个div位置：绝对;并且它更好地给它和id或类然后.ov {position：relative};

.ov{

    width:12em;
    overflow: hidden;

    justify-content: center;
    text-align: center;
    flex-direction: column;

    border-radius: 15px;
    height: 12em;
    opacity:0.8;
    position: relative;
    z-index:2;
    background-color: black;

}

<div style="position:absolute;width:inherit;height:inherit;overflow:hidden" >
  <div class="ov" ><div><i style="font-size:2em;" class="fa fa-pause-circle"></i></div></div>

Answer 2

如果你试图让一个对象不滚动你的网站你使用position:fixed;

Position：absolute只是根据最近的容器和position：relative来对齐一个对象。