实现CSS：如何设置页脚高度？

Question

我想减小页脚的大小（高度），同时保持页面底部的粘性。

HTML：

<footer class="page-footer grey lighten-2">
    <div class="footer">
        <div class="row">
            <p id="updatedText" style="color:black"></p>
        </div>
    </div>
</footer>

CSS：

  body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }
  main { flex: 1 0 auto; }

谢谢！

Answer 1

您是否在询问如何设置CSS中元素的高度？如果是这样，请尝试......

   footer {
    height: 200px;
    }

我会避免在页脚元素中有一个页脚类，因为它可能会让人感到困惑。尝试将其重命名为更有意义的内容。