html - 根据前一个 div 调整 div 的位置，动态呈现

Question

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

div无论第一个 div 的高度如何，我希望第二个始终出现在第一个 div 的底部，我的意思是：在 Ajax 调用渲染完成后，第二个div应该立即位于第一个下方div。

这样的事情会起作用吗？

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

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

score 1 · Accepted Answer

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

有时，少即是多。

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

score 0 · Accepted Answer

试试这个，它对我有用

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

position:static

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

position:absolute

然后给出你正在尝试的“顶部”或“边距顶部”

2 回答 2