css - Angular Material 正在重置我的Y轴并使底部0px指向窗口底部而不是文档底部

我的网站上有一个粘贴页脚，并且与bootstrap一起使用效果很好。最近，我在项目中添加了角度材质依赖关系，由于某种原因它正在变换我的Y轴，所以当我这样做时：

.page-footer {
  position: absolute;
  bottom:0px;
  width: 100%;
  height: 80px;
  background: url('../media/img/liteme/barra-degrade-inferior-1.png') center no-repeat;
  background-size: cover;
}

我的页脚未放置在文档底部，而是放置在窗口底部，图片如下

最佳答案

我熟悉三种在底部设置页脚的方法：

1.如果您知道货柜高度总是100％


父级：position:relative
页脚：position:absolute;bottom:0;


2.如果您不知道容器高度始终是100％，也不必介意在滚动页面时页脚是否浮动


父级：position:relative;
页脚：position:fixed;bottom:0;


3.如果您不知道容器高度始终为100％，请注意滚动的浮动页脚，然后


父级：display:table;
页脚：display: table-row;vertical-align: bottom;


有关第三个选项的更多信息，您可以阅读本文https://colintoh.com/blog/display-table-anti-hero#sticky-footer

关于css - Angular Material 正在重置我的Y轴并使底部0px指向窗口底部而不是文档底部，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44658398/