zurb-foundation 部分 -> 导航部分时引入了奇怪的空白答案

【问题标题】：zurb-foundation sections -> wierd whitespace introduced when navigating sectionszurb-foundation 部分 -> 导航部分时引入了奇怪的空白
【发布时间】：2013-08-13 14:53:23
【问题描述】：

我觉得自己像个白痴。我正在试验 zurb 基础部分。我使用的是最新版本 4.3.1。

我正在关注他们在此处提供的文档：http://foundation.zurb.com/docs/components/section.html，并且在导航结果时出现了奇怪的行为。请参阅下面的屏幕截图。 我做错了什么？

这是我的代码

<form data-abide action="">
<div class="row">
    <div class="small-24 columns">
        <div class="section-container auto" data-section>
            <section class="section">
                <p class="title" data-section-title><a href="#panel1">Panel 1</a></p>
                <div class="content" data-section-content><p>Content of section 1.</p></div>
            </section>
            <section class="section">
                <p class="title" data-section-title><a href="#panel2">Panel 2</a></p>
                <div class="content" data-section-content><p>Content of section 2.</p></div>
            </section>
            <section class="section">
                <p class="title" data-section-title><a href="#panel3">Panel 3</a></p>
                <div class="content" data-section-content><p>Content of section 3.</p></div>
            </section>
            <section class="section">
                <p class="title" data-section-title><a href="#panel4">Panel 4</a></p>
                <div class="content" data-section-content><p>Content of section 4.</p></div>
            </section>
        </div>
    </div>
</div>
</form>

【问题讨论】：

标签： javascript html css zurb-foundation

【解决方案1】：

使用

dysplay:none

对于非活动内容和

dysplay:block

主动

【讨论】：

感谢@anon。你是说 zurb 打算让我自己添加事件绑定来处理这个问题吗？我的印象是这个功能应该由 zurb 部分功能来处理。
我看到这个属性包含在示例中的 CSS 文件中。尝试在您的文件中写入此属性

【解决方案2】：

啊。我的错。我以为我已经升级了基础，但结果发现我的 rubygems 环境路径有些问题。

真的升级到 4.3.1 后，问题不再存在。

【讨论】：