html - 当第二个 div 的高度发生变化时，为什么我的第三个 div 会从页面底部跳出，我该如何解决？

Question

这是JSFiddle。Damper Type现在请注意，一旦您使用下拉菜单，第三个 div 是如何出错的。

有什么方法可以在不使用绝对定位的情况下将其固定到位？或者在这种情况下这是我最好的选择吗？

另外，我觉得我对相对定位的理解是站不住脚的，因为我不明白是什么让 div 定义的#elastic_period那样做。

任何查看 JSFiddle 的人请注意：重要的 CSS 应该在第 330 行左右。为描述该页面而编写的代码在 ~330 行之前。其余的 CSS 是引导 css 文档。