Html 字段集中包含绝对定位的DIV中的信息框被切断

我在一个信息框中遇到了一些问题，它完全位于表单中。页面的基本结构是使用一个定义列表，其中包含DT标记中包含的每个字段的标签，以及包含DD标记中包含的该字段的任何其他相关信息的输入框

根据我对问题所在的理解，我有一个信息框（输入右侧的蓝色框，用于为左侧的输入提供额外的信息），它包含在DD标记的绝对位置。由于DD标签的高度限制在输入框延伸的范围内，因此信息框被切断。不知何故，我需要扩展DD标签的高度，它有一个信息框来容纳它

您可以在此处看到这样一个示例：

我有两个例子，一个是当信息框位于最后一个输入上时，这意味着它将悬垂在表单的末尾，但这没关系。而第二个示例是第一个输入上的信息框，它可能会超出两个输入，具体取决于它包含的内容量。正如您所看到的，这两种情况下都会中断（特别是在FF中看到时）。我将需要保留在最后的人力资源标签，因为它是有布局的目的

理想情况下，我想先看看是否有一个CSS相关的答案，而不必使用脚本，因为我在这个页面上可以使用的脚本数量有限，正如前面提到的，我们可以处理信息框中的1、2、3或4行内容，因此需要将其视为具有动态高度的框

---

希望能听到任何关于这方面的反馈

问题是：在DL上使用

overflow:hidden

清除浮动，因此绝对定位块是隐藏的

有几种方法可以解决此问题：

• 通过任何其他方式清除浮动，例如，使用：
  并在条件注释中为IE添加hasLayout：

  dl {
      zoom: 1;
  }
  

---

您应该提供指向jsfiddle.net的链接，向我们展示您的代码，这样会更容易编辑谢谢kizu的回答。我在DL标签上尝试了clearfix，但它仍然不起作用：（您添加了

clearfix

，但没有从

DL

中删除

溢出：隐藏的
。删除它-问题就会消失。
dl {
    zoom: 1;
}