Html 根据动态渲染的上一个div调整div的位置

Html 根据动态渲染的上一个div调整div的位置,html,css,Html,Css,我有两个div彼此相邻,第一个将在Ajax调用中呈现,并将填充更多内容,因此其内容高度未知 我希望第二个div始终显示在第一个div的底部,而不管第一个div的高度如何,我的意思是:在Ajax调用渲染完成后,第二个div应该立即位于第一个div的下方 像这样的东西行吗 注意:我没有应用下面的CSS。我举了一个例子 .seconddiv { position: relative; top: (top of first + height of first); } 你不必设置任何东

我有两个div彼此相邻,第一个将在Ajax调用中呈现,并将填充更多内容,因此其内容高度未知

我希望第二个
div
始终显示在第一个div的底部,而不管第一个div的高度如何,我的意思是:在Ajax调用渲染完成后,第二个
div
应该立即位于第一个
div
的下方

像这样的东西行吗

注意:我没有应用下面的CSS。我举了一个例子

.seconddiv
{
    position: relative;
    top:  (top of first + height of first);
}

你不必设置任何东西。 这是块元素的默认行为:一个接一个地堆叠

有时候,少就是多


这是一个供你尝试的方法。[注意空的CSS面板,除了大纲,这是为了让你看到定位是有效的]

试试这个,它对我有效

将动态生成的div的位置保持为静态

position:static
现在将下一个div的position属性设置为绝对值

position:absolute

然后给你的“顶部”或“页边顶部”,无论你用哪一个,我知道第一个会随着呈现的html不断增加,第二个没有保持在正确的位置,它与第一个重叠,这意味着你给了第一个或第二个div一些位置样式。你应该把所有东西都拿走。正如我所说。。你想要的是纯粹的默认样式。发布您的代码,以便我可以为您修复。确保两个div的position属性都设置为static您不必执行此操作。静态是默认的定位值。如果不需要,就不要写代码。@avrahamcool他显然已经覆盖了默认的定位值,否则他将得到预期的结果。
static
position
的默认值,不必写。对于第二个
div
,绝对定位him将迫使您设置他的位置(通过
顶部
左侧
)。这是完全没有必要的。