html - HTML&CSS 调节内容高度

Question

我从 html 重新开始，我有一个问题，我一直坚持。我正在建立一家商店。所有页面都具有相同的结构：页眉、主页、页脚。我希望页脚始终位于页面底部。我已经尝试过 position: absolute; 底部：0；。但这不起作用，因为主要部分仅与内容一样大。在其他页面上，我遇到的问题是内容大于主要内容。我能做些什么来避免这些问题。

#edit enter image description here 你可以看到，内容比 de main 大。我怎么解决这个问题

标签： htmlcss

Answer 1

嗨，它很简单，你可以使用它，你会在底部得到你的页脚棒：

  body{
       min-height: 100vh;
      display: flex;
      flex-direction: column;
   }
   footer{
       margin-top: auto;
   }

使用这样的 flex-box 使 sur 无论如何都可以使用，并且使用 margin-top : auto 它会强制页脚保持在底部。