Html CSS位置：绝对+；动态高度

我有4个

标签，一个接一个，都在

位置：绝对

，我使用

顶部
和
左侧
对齐它们

第三个div标记包含动态内容，div的高度根据其中的文本量而变化。但是，当我设置所有div的
顶部
和
左侧
时，第四个div会受到第三个动态div高度的影响

我怎样才能解决这个问题

您可能希望尝试将4个div包装在父div中，并绝对定位它。然后可以允许一个子div的位置影响另一个子div


您的解决方案意味着，无论您试图如何影响
top:60px
和
left:180px
都会阻止它移动到除此之外的任何位置，因此动态内容div无法重新定位它。
以下是我的测试：

代码：

它们应该是绝对定位的吗？如果不是位置，是否有可能解决这个问题：绝对位置是“固定的”？固定位置意味着它一直保持在那里。如果滚动，它将保持在原来的位置。例如，您在一些网站上看到，当您向下滚动页面时，导航始终可见，这是固定定位。无论如何，包装div通常是最佳实践，它允许您很容易地同时重新定位多个div。
.first {
    position:relative;
    left:180px;
}

.second {
    position:relative;
    left:180px;
}

.third {
    position: relative;
    left:180px;
}

.fourth {
    position:relative;
    left:180px;
}