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个元素的价值，其中一个元素已经扩展。