HTML/CSS如何让我的页脚卡在底部？

要让页脚卡在底部，可以使用以下方法：

使用CSS的定位属性：可以将页脚的位置固定在底部。可以通过设置position: fixed;和bottom: 0;来实现。这样无论页面内容的高度如何，页脚都会始终位于页面底部。例如：

footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 50px;
  background-color: #f5f5f5;
}

使用flex布局：可以使用flex布局来实现页脚卡在底部。通过将页面的主要内容区域设置为flex容器，并将页脚放置在flex容器的最后一个子元素，可以使页脚始终位于页面底部。例如：

<body>
  <div class="container">
    <div class="content">
      <!-- 页面主要内容 -->
    </div>
    <footer>
      <!-- 页脚内容 -->
    </footer>
  </div>
</body>

html, body {
  height: 100%;
}

.container {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.content {
  flex: 1;
}

footer {
  height: 50px;
  background-color: #f5f5f5;
}

这样，无论页面内容的高度如何，页脚都会始终位于页面底部。

推荐的腾讯云相关产品和产品介绍链接地址：