小编典典

如何让页脚留在网页底部?

all

我有一个简单的 2 列布局,其页脚可以清除标记中的左右
div。我的问题是我无法让页脚在所有浏览器中都停留在页面底部。如果内容将页脚向下推,它会起作用,但情况并非总是如此。


阅读 104

收藏
2022-04-07

共1个答案

小编典典

要获得粘性页脚:

  1. 为您的内容添加一个<div>with class="wrapper"

  2. </div>这个wrapper地方 关闭之前<div class="push"></div>

  3. </div>这个wrapper地方 关闭之后<div class="footer"></div>

    • {
      margin: 0;
      }
      html, body {
      height: 100%;
      }
      .wrapper {
      min-height: 100%;
      height: auto !important;
      height: 100%;
      margin: 0 auto -142px; / the bottom margin is the negative value of the footer’s height /
      }
      .footer, .push {
      height: 142px; / .push must be the same height as .footer /
      }
2022-04-07