实现CSS – 粘页脚

前端之家收集整理的这篇文章主要介绍了实现CSS – 粘页脚前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我遵循这里提到的步骤 – http://materializecss.com/footer.html – 创建一个粘页脚,但结果不如预期.

我将以下代码复制粘贴到materialize.min.css文件中:

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

  main {
    flex: 1 0 auto;
  }

解决方法

您可能没有使用< main>标签

Note: We use flexBox to structure our html so that the footer is
always on the bottom of the page. It is important to keep the
structure of your page within the 3 HTML5 tags: <header>,<main>,
<footer>

原文链接:https://www.f2er.com/css/217232.html

猜你在找的CSS相关文章