移位的div仍占据原始空间？

Question

好的，在我的网站上，我已经嵌套了div。使用我的代码，我将它们改为：

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

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

我确定这是一个常见的问题，但我不知道如何正确地说出来，所以我无法找到正确的问题。

实施例：

Answer 1

这正是什么位置：相对;应该做的。如果您希望元素不参与布局，请使用position：absolute;代替。您可以通过使其父元素之一成为定位元素（例如，通过应用position：relative;不使用任何坐标）来使其相对于另一个元素

Answer 2

马蒂是对的。

另外，您可能想要做的是：

使容器元素的位置：相对（但不要在其上放置任何顶部/左/右/底部） 让你想要移动的元素：position：absolute;

然后，您的元素坐标相对于容器元素设置。

当我说“容器”元素时，我的意思是包含你想要移动的元素的任何元素。

因此，如果你的HTML代码是这样的：

<div id="header">
    <div id="weird-symbol"><img src="/symbo.gif" /></div>
    .. some other stuff ..
</div>

然后你的CSS应该是这样的：

#header { position: relative; }
#header #weird-symbol { position: absolute; left: -200px; top: 30px; }

或类似的东西。

希望有所帮助