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元素中并包装了所有内容？

基础-文本在页脚后面

1 个答案: