css - CSS 绝对定位困境

Question

我对 CSS 非常有经验，但这让我感到困惑 - 如果它是一个简单的修复程序，我深表歉意。

我正在尝试为具有多个字段集的 Drupal 网络表单设置主题。这个想法是将字段集堆叠在一起。相对和绝对定位的一个相当简单的 CSS 问题 - 但是当包含的 div 折叠而不是保持它的形状时，它会变得非常错误。

我将字段集的设置background-color为绿色。包含边框有一个红色边框并且是相对定位的。

当字段集被绝对定位时，它们会像我预期的那样堆叠，但包含的 DIV 会崩溃并影响其他站点样式。

Answer 1

也许只是使用css在包含的div上放置一个高度？

或者使用一些 javascript 来获取最高字段集的高度并使包含 div 的高度？

或者从第一个字段集开始动态地执行每个字段集，然后当您移动到另一个字段集时，javascript 获取它的高度并将容器 div 设置为该高度等等。