Question

学习HTML和CSS，并提出了一些我不理解的东西。

有谁知道为什么我的页脚几乎显示在页面的顶部。

继承我认为我做得对的事，

1）将正确的页脚HTML放在页面底部

2）添加我的核心页脚CSS，使其始终保持在底部并且响应

Codepen - https://codepen.io/nightcoder21/pen/BxwVdJ

我的HTML

  <footer>
    <div id="icons">
      <li class="list-inline-item"><a href="javascript:void();"><i class="fab fa-facebook"></i></a></li>
      <li class="list-inline-item"><a href="javascript:void();"><i class="fas fa-mobile-alt"></i></a></li>
      <li class="list-inline-item"><a href="javascript:void();"><i class="fas fa-envelope"></i></a></li>

    </div>
    <p class="text-center">yadayada</p>
  </footer>

除了从某人获得更多经验的解决方案之外，如果有人能告诉我出错的地方，我会很感激，所以我可以学习。

感谢您阅读

干杯

Answer 1

将position: relative;添加到您的body代码。

更新了CodePen：https://codepen.io/anon/pen/deJwrw

页脚拒绝坚持到底

1 个答案: