css - 当我使用skeleton-css-boilerplate时，我的h1和h2元素隐藏在部分后面

Question

这是我第一次使用骨架 css。我有一个标题元素和一个部分元素。标头元素包含一个 h1 和 h2 元素。我的部分有一个滑块，我在其中使用了 flexslider。现在，每当我尝试调整浏览器大小时，滑块都会与标题一起折叠并隐藏它的下部。

<header class="sixteen columns">
<h1>Infinite Jest Online Judge</h1>
<h2>"This is for everyone" - Sir Tim Berners Lee</h2>

<section class="ten columns slider">
        <div class="flexslider">
            <ul class="slides">
                <li>
                    <img src="<?php echo base_url();?>images/pic-1.jpg">
                </li>
                <li>
                    <img src="<?php echo base_url();?>images/pic-2.jpg">
                </li>
            </ul>
        </div>
    </section>

这是我的标题和部分的代码