html - 100% 高度 Accordion "jump"

Question

我正在尝试使用 Twitter Bootstrap 折叠组件实现 100% 高度的 Accordion ，完全按照此 question 中的描述.

我正在手动设置 .accordion-inner 元素的高度，如 answer 中所述.

但是，我在展开/折叠面板时遇到了“flex ”行为。我已经从 .accordion-inner 元素中删除了所有填充/边距/边框以消除这种可能性。

这在 IE10 中最为明显，但在 Chrome 中该问题也很明显。

查看此 example .

知道是什么导致了这种“神经质”行为吗？

Answer 1

聚会迟到了，但是:

我遇到了类似的问题，并注意到如果我从折叠元素下方的元素中删除 margin-top，并将其替换为 padding-top，过渡会很平滑。

所以 - 检查相邻元素的边距，如果可能的话，尝试用填充替换它们。