基金会 - 文本那张页脚背后

Question

我使用的基础上建立自己的网站，我试图让我的页脚响应。 我跟着从official tutorial的步骤。

对于我的页脚是使用下面的代码：

<footer>
  <div class="wrap row small-up-1 medium-up-1 align-center">
    <div class="column"><a href="index.html">Lorem</a></div>
    <div class="column"><a href="register.html">Lorem</a></div>
    <div class="column"><a href="impressum.html">Lorem</a></div>
  </div>
</footer>

CSS的是这样的：

footer{
  text-align: center;
  background-color: #222;
  color:white;
  width:100%;
  margin: 0;
  padding:10px 0px;
  position:absolute;
  bottom:0;
}

这工作得很好，当我只有文字少量。但是当我把大量的文字在我的网页上的文字去页脚和落后。 它看起来像this!

谁能告诉我什么，我做错了。结果应该是页脚总是在底部。 先感谢您！

编辑： 这里是一个小提琴，所以你可以看到我的问题是什么：fiddle

Answer 1

你下边距添加到main元素，包裹在它的所有内容？