Html 将主体高度设置为大于绝对div的高度

我有一个绝对div作为我的页面设计的主要内容区域。我有另一个div，占据顶部，高度为450px。在页面加载之前，我无法知道绝对div的高度，因此只能在页面加载之后才能找到它

现在的问题是，我的身体也占据了450px（高度），所以如果我想在绝对div结束后显示一些东西，我无法这样做

总结：

Absolute Div : 600px (for example, don't know the actual height) Has position:absolute.
Top Div : 450px (No position:absolute)
Body Becomes 450 px as expected

如何将div置于绝对div之下。目前我唯一能想到的是jQuery。

下面是我做的一个例子来说明这个问题。尽管整个主体显示为蓝色，但如果您启动开发人员工具并进行检查，您将看到html和主体都占据了空间

---

更新：我试图在几个元素上面显示主要内容区域。你看到的那些圆是独立的元素。他们需要保持这种状态

我认为你需要更多地了解这些职位！ 无论如何，如果您将位置更改为“相对”，您所指的当前问题将得到解决

<div id="First Div" style="height:100px;width:50px;position:relative;background-color:green;">
</div>
<div id="BelowDiv" style="height:100px;width:50px;position:relative;background-color:pink;">
</div>

但是如果您真的需要将其放置在静态的某个位置，或者用另一个词“绝对”，那么您需要放置一个容器div并将位置设置为绝对，然后将另外两个或更多个放置在容器div内

<div id="container" style="position:absolute; top:y; left:x">
     <div id="FirstDiv" style="position:relative;></div>
     <div id="SecondDiv" style="position:relative;></div>
</div>

可以使用jquery将标记附加到容器中

---

如果没有帮助，请为您的容器尝试

height:auto

和

overflow:visible

我认为你需要更多地了解这些职位！ 无论如何，如果您将位置更改为“相对”，您所指的当前问题将得到解决

<div id="First Div" style="height:100px;width:50px;position:relative;background-color:green;">
</div>
<div id="BelowDiv" style="height:100px;width:50px;position:relative;background-color:pink;">
</div>

但是如果您真的需要将其放置在静态的某个位置，或者用另一个词“绝对”，那么您需要放置一个容器div并将位置设置为绝对，然后将另外两个或更多个放置在容器div内

<div id="container" style="position:absolute; top:y; left:x">
     <div id="FirstDiv" style="position:relative;></div>
     <div id="SecondDiv" style="position:relative;></div>
</div>

可以使用jquery将标记附加到容器中

---

如果没有帮助，请为您的容器尝试

height:auto

和

overflow:visible

绝对定位从气流中移除绝对div，身体不会知道它在那里。我相信你可以在没有绝对定位的情况下做你想做的事情。为什么您决定它需要绝对定位？我试图在几个元素上面显示主要内容区域。你看到的那些圆是独立的元素。他们需要保持这种状态。在目前的状态下，对我来说理解这些都有点复杂。你认为你可以制作一个包括圆圈在内的简化版本吗？绝对定位会从流量中移除绝对div，身体不会知道它在那里。我相信你可以在没有绝对定位的情况下做你想做的事情。为什么您决定它需要绝对定位？我试图在几个元素上面显示主要内容区域。你看到的那些圆是独立的元素。他们需要保持这种状态。在目前的状态下，对我来说理解这些都有点复杂。你认为你可以制作一个包含圆圈的简化版本吗？