将文本移到页脚内部上方以实现

Question

我有一个实例化页脚，其高度设置为35px。但是问题是页脚内的文本消失了。每当我减小页脚的大小时，如何在屏幕消失时向上移动

  <footer style="position:fixed;bottom:0;left:0;width:100%;" class = "page-footer">

 <div class = "footer-copyright">

    <div class = "container">
       © 2016 Copyright Information
       <a class = "grey-text text-lighten-4 right" href = "#!">Designed & Developed by XYZ</a>
    </div>
 </div>

哪个给我

现在，当我使用CSS来减小页脚的大小并将文本在容器中向上移动时。

    footer {
       height: 35px;
    }
    footer .container {
       margin-bottom : 50px;
    }

文本已消失，当我尝试将其向上移动时，

我该如何解决这个问题以及我要去哪里哪里

注意：我已经尝试了所有建议，但没有一个对我有用。

Answer 1

footer .container {
  margin-bottom: 50px;
}

这不起作用，因为.container位于footer内，高度固定。

为避免文本消失，您可以尝试在页脚中添加具有相同值的行高：

footer {
  height: 35px;
  line-height: 35px;
}

如果您想在底部添加一些额外的空间，可以添加一个填充：

footer {
  height: 35px;
  line-height: 35px;
  padding-bottom: 50px;
}

;）