基本布局与zurb基础

时间:2014-05-26 13:04:19

标签: html css zurb-foundation

我正在尝试使用zurb基础创建布局。

目前,我已经有了非常基本的功能,但是一开始就有一个功能阻止了我。 我想让我的<main>部分至少占据100% - 标题高度 - 页脚高度,因此<footer>将位于屏幕底部(或者,如果内容太多,然后你必须向下滚动才能看到页脚 我在这里创建(如前所述,非常基本的版本):http://jsfiddle.net/42VcD/2/

我不确定没有JS是否可行,但我更喜欢基于CSS的解决方案。

2 个答案:

答案 0 :(得分:0)

以下是您正在寻找的样本,但未在基础中完成。

http://codepen.io/tusharbandal/full/lmrgD

使用position: absolutefooter完成了它。

重要的是你完成了js。

即使内容增加,页脚也会向下移动。

答案 1 :(得分:0)

您可以根据需要指定主要部分的高度。

这里是100%部分(主要)的小提琴。link

.main{
height:100%;
}