如何使用foundation创建页眉和页脚,就像foundation网站一样

我认为这是需要的。

HTML格式

<footer>
    <div class="top">

    </div>
    <div class="center">

    </div>
    <div class="bottom">

    </div>
</footer>

CSS格式

footer {
    position: relative;
    width: 100%;
    min-height: 200px;
}

footer .top {
    position: relative;
    width: 100%;
    background-color: #085A78;
    min-height: 50px;
}

footer .center {
    position: relative;
    width: 100%;
    background-color: #074E68;
    min-height: 150px;
}

footer .bottom {
    position: relative;
    width: 100%;
    background-color: #333333;
    min-height: 50px;
}

(从基础复制的颜色) DEMO