Question

我用Google搜索并用Google搜索并检查了stackoverflow并且我找到了答案，这是合乎逻辑的，我理解它，但它对我不起作用！当我调整浏览器大小时，绝对定位的div会移动。我把它们放入一个相对容器中，然后它们仍在移动。显然我做错了什么，但我需要帮助才能找到它。

<div id="wrapper">
    <div id="logo">
        <img src="zgodalogotyp.png" width="240px">
    </div>
    <div id="line"></div>
    <div id="box"></div>
</div>

和 css ：

#wrapper {
    height: auto;
    margin-top: 0;
    margin-bottom: 50px;
    margin-left: 30px;
    margin-right: 30px;
    padding: 10px;
    background-color: white;
    position: relative;
    background-position: center;
    z-index: 0;
    clear: both;

}
#box {
    position: absolute;
    margin-top: 265px;
    right: -30px;

    width: 400px;
    height: 250px;
    background-color: #624051;
    z-index: 10;
    clear: both;
}
#line {
    margin-top: 254px;
    height: 56px;
    width: 455px;
    background-color: #000000;
    opacity: 0.2;
    z-index: 11;
    right: -30px;
    position: absolute;
}

我的代码中有更多的div，我有这个问题，但我使用相同的方案。提前谢谢

Answer 1

不知道你想要实现什么，但我会尝试猜测;） - 因为相对定位的元素没有指定宽度，所以一切都会移动，并且你将这些绝对元素定位在右边。也许设置容器宽度可以解决您的问题。或者只是将绝对元素放在左边而不是右边。

绝对定位的元素甚至在相对容器中移动

1 个答案: