我正在尝试使用 Twitter Bootstrap 折叠组件实现 100% 高度的 Accordion ,完全按照此 question 中的描述.
我正在手动设置 .accordion-inner
元素的高度,如 answer 中所述.
但是,我在展开/折叠面板时遇到了“flex ”行为。我已经从 .accordion-inner
元素中删除了所有填充/边距/边框以消除这种可能性。
这在 IE10 中最为明显,但在 Chrome 中该问题也很明显。
查看此 example .
知道是什么导致了这种“神经质”行为吗?
最佳答案
聚会迟到了,但是:
我遇到了类似的问题,并注意到如果我从折叠元素下方的元素中删除 margin-top,并将其替换为 padding-top,过渡会很平滑。
所以 - 检查相邻元素的边距,如果可能的话,尝试用填充替换它们。
关于html - 100% 高度 Accordion "jump",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16648020/