html - 根据动态呈现的先前 div 调整 div 的位置

Question

我有两个并排的 div，第一个将在 Ajax 调用时呈现并将填充更多内容，因此它的内容高度未知。

我希望无论第一个 div 的高度如何，第二个 div 总是出现在第一个 div 的底部，我的意思是:在 Ajax 调用渲染完成后，第二个 div 应紧靠在第一个 div 下。

这样的东西行得通吗？

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

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

Answer 1

您无需设置任何内容。这是 block 元素的默认行为:一个接一个堆叠。

有时候，少即是多。

这是一个Working Snippet供您尝试。 [注意除大纲外的空 CSS 面板，这是为了让您看到定位有效]