html - 100% 高度 Accordion "jump"

标签 html css twitter-bootstrap

我正在尝试使用 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/

相关文章:

html - iPhone 上的 Div 宽度和问题

php - 有什么方法可以在不提供完整 url(即本地路径)的情况下链接到 CSS 中的背景图片 url?

javascript - font-awesome 图标不会转换转换 :rotate(180deg)

html - Bootstrap 搜索输入动态居中

html - 单击外部内容时纯 css 关闭模式

html - 使链接使用所有空间

css - 使用 Razor 引擎渲染 CSS + 启用一个请求多个文件

html - 如何在 <kbd> 中更改颜色?

html - 带有图像的 Bootstrap 自定义导航栏

javascript - HTML5 Canvas ,使用 jspdf.js 将 Canvas 转换为 PDF