javascript - Bootstrap Accordion 高度

Question

在我最近的努力中，我遇到了一些关于 Bootstrap 3 的问题。这个问题是关于 Accordion 元素的。示例是 Bootstrap 页面中基本示例的一对一副本。

<div class="panel-group" id="accordion">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                    Collapsible Group Item #1
                </a>
            </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse in">
            <div class="panel-body">
                Anim pariatur cliche reprehenderit, enim eiusmod.....
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                    Collapsible Group Item #2
                </a>
            </h4>
        </div>
    </div>
</div>

主要问题是高度。 body height 是 100%，end 例如 collapseOne 是 100% 但它会将它捕捉到内容高度，标准 !important 没有帮助，例如 600px 正在拉伸(stretch)它，这是不令人满意的。前面问题中的 JS 示例不起作用，因为它们是基于 Jquery ui 的。您有任何基于 CSS 的解决方案吗？

Answer 1

折叠面板在打开时具有 height:auto 的内联样式，这使得它收缩包裹内容。我不确定您要达到的目标是什么，但这是关于为什么高度不是您所期望的的线索。

请张贴 fiddle 和更多关于您要实现的目标的信息。