文章/答案/技术大牛

发布

问物化页脚底部
EN

Stack Overflow用户

提问于 2016-04-07 18:45:19

回答 2查看 1K关注 0票数 0

我正在使用materializecss (angular-materialize)，并且我有很多页面的页脚不在底部。在网站中，他们说我们必须遵循下面的html结构，并添加一些css代码：

<html>
    <head>
    </head>
    <body>
        <header>
        </header>
        <main>
        </main>
        <footer>
        </footer>
    </body>
</html>

从网站添加的CSS代码：

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

  main {
    flex: 1 0 auto;
  }

即使我遵循这些步骤，我的页脚也不想往下走。

如果有人能帮上忙:)

html

css

angularjs

materialize

回答 2

Stack Overflow用户

发布于 2019-05-16 05:16:25

footer{
   position: static;
   bottom: 0;
}

票数 0

Stack Overflow用户

发布于 2017-03-11 10:09:33

通常，当我的页脚没有贴在底部时，我会将页边距底部的像素设为负值，然后增加最接近页脚的元素的页边距底部。摆弄边际通常能解决我的问题，希望这能有所帮助！

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36473842

复制

相似问题

问物化页脚底部
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问物化页脚底部EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问物化页脚底部
EN