Html 位置：绝对值紧跟其他元素的边距

我有一个

#背景

和一个

#内容

框。

#背景

应该在顶部，而

#内容

框的顶部有一个

边距

，为

X

像素

现在的问题是，即使

#background

有

位置：绝对#content

s页边距之后

为什么背景受到影响

HTML

---

重现问题

所以您只需通过

top:0设置其位置。记住你可以添加
左：0使其也位于左侧。不管你怎么想<代码>底部：0和<代码>右侧：0

CSS:
我不太确定我是否理解，但这样做能解决您的问题吗？最终将
top:0
和
left:0
设置为
#background

#background {
    width: 100%;
    height: 500px;

    position: absolute;
    top: 0;
    left: 0;

    background-color: AntiqueWhite;

    z-index: -1;
}

这是一个有趣的效果，但最终您指定了一个绝对位置，然后没有给出任何位置信息。我相信这就是它行为不端的原因。正如在其他答案中提到的那样，简单地设置top:0px这样的设置很容易解决问题。
我对你的提问感到困惑。你想要这个？好吧。。。这是一个小的修正。谢谢你这就是你想要的吗？是的。给出一个答案，我会接受的。还有NP，小错误，但现在你知道了，不会再发生了
#content {
    width: 200px;
    margin: auto;
    margin-top: 150px;
    background-color: Coral;
}

#background {
    width: 100%;
    height: 500px;

    position: absolute;

    background-color: AntiqueWhite;

    z-index: -1;
}

#background {
    width: 100%;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: AntiqueWhite;
    z-index: -1;
}

#background {
    width: 100%;
    height: 500px;

    position: absolute;
    top: 0;
    left: 0;

    background-color: AntiqueWhite;

    z-index: -1;
}