Zurb Foundation 5 手风琴没有将内容向下推

Question

我正在使用 Foundation 5 并尝试在手风琴中包含一个菜单。单击并展开手风琴时，它可以正常工作，但打开时不会向下推下面的内容，而是在下面内容的背景上打开，但在下面内容的内容下。

我尝试将手风琴的 z-index 更改为 0，但没有帮助。我还添加了 clearfix 类，但无济于事。

Can be seen here

任何帮助或建议将不胜感激。

谢谢， 皮特

Answer 1

错误在这一行：

 <div class="large-3 medium-4 columns hide-for-small sidebar-wrap" data-equalizer-watch="" style="height: 228px;">

您已为容器设置了固定高度。由于它已经处于最大高度，因此无法进一步向下扩展。

删除style="height: 228px;"，一切都会被推倒。如果您需要固定高度，则每次用户单击手风琴时内容不会上下对齐，请将其设置为height: 402px;。这就是 Chrome 告诉我的 4 个元素的值，其中一个是展开的。