css - 基础部分 - 所有选项卡相互堆叠，重叠

Question

我正在尝试使用 Foundation 4 做一个选项卡组。选项卡按钮都呈现相互重叠（FF 和 Chrome）。我已经仔细检查了标记，但看不到我做错了什么..

 <div data-section class="section-container auto">
          <section class="section">
            <p data-section-title class="title"><a href="#panel1">First Tab</a></p>
            <div data-section-content class="content">
              <p>Content..</p>
            </div>
          </section>
          <section class="section">
            <p data-section-title class="title"><a href="#panel2">Second Tab</a></p>
            <div data-section-content class="content">
              <p>Content..</p>
            </div>
          </section>
    </div>

Answer 1

忘了包括

<script src="/js/foundation/foundation.section.js" />