css - Bootstrap Accordion 水平(内联 block )- 崩溃问题

Question

我在网站上有 Bootstrap Accordion ，水平放置(内联 block 面板)

Bootply - code

当我尝试打开图像下方的文本面板时出现问题，因为所有其他三个面板都滚动到 Accordion 面板组的底部。示例 - screenshot1 screenshot2 ...

请问如何在打开任何面板正文时将所有面板固定在顶部？

当我将 .panel-default 样式更改为 position: absolute;所有四个面板都出现在彼此之上 现场示例 - http://www.twodotsmedia.com/u-izradi/uram-system/usluge.php

Answer 1

只需添加以下 CSS:

.panel-default {
    vertical-align: top;
}

最好始终将 vertical-align 属性与 display: inline-block 一起显式使用。