CSS绝对定位困境

Question

我对CSS非常有经验，但是这个让我感到困惑 - 如果它是一个简单的修复，我就会道歉。

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

你可以在http://164.177.146.240/eventbooking5/node/6看到问题。我将字段集的背景颜色设置为绿色。 包含的边框有一个红色的边框，并相对定位。

当字段集的绝对定位，它们堆叠如我所料，但含DIV崩塌，危及网站造型

我真的很希望得到一些帮助的其余部分。

Answer 1

也许只是把高度放到包含div使用CSS？

或者使用一些JavaScript来抓取最高的fieldset的高度，并使包含div的高度？

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