根据前一个div动态渲染div的位置

Question

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

我希望第二个div总是出现在第一个div的底部而不管第一个div的高度，我的意思是：在Ajax调用渲染完成后，第二个div应该立即位于第一个div。

这样的事情会起作用吗？

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

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

Answer 1

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

有时，少即是多。

这是Working Snippet供您试用。 [注意空的 CSS 面板除了概述，这是为了让你看到定位工作]

Answer 2

试试这个，它对我有用

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

position:static

现在将下一个div的position属性命名为absolute

position:absolute

然后根据您的尝试给出“顶部”或“保证金顶部”