html - 移动后的 div 仍然占用原始空间吗？

Question

好的，所以在我的网站上，我有嵌套的 div。使用我的代码，我像这样移动它们:

    float:left;
    position:relative;
    top: 5em;
    left: -4em;
    margin-left: auto;
    margin-right: auto;

因此，当网站加载时，一切都在正确的位置。但是，其他内容仍然受到 div 过去所在位置的影响。我将其称为“幽灵 div”

我确定这是一个常见问题，但我不知道如何正确地表达它，所以我一直无法搜索到正确的问题。

例子:

Answer 1

也就是position: relative;应该做的。如果想让元素不参与布局，使用position: absolute;反而。您可以通过使它的父元素之一成为定位元素(例如，通过应用 position: relative; 没有任何坐标)使它相对于另一个元素