主页 / 问题 / 812132
Accepted
Eugen Eray
Asked:2020-04-10 19:34:39 +0000 UTC2020-04-10 19:34:39 +0000 UTC

无法正确地将 div 固定到页面底部

  • 772

大家好！我正在布置页面，我遇到了一个问题 -div.player当浏览器宽度改变时它“浮动”（在图片中你看到底部有一个令人不快的缩进）在此处输入图像描述我试过position: absolute; bottom: 0;了，但问题又是：在这种情况下，它与页面内容重叠。我无法在此处插入代码段，所以它在 jsfiddle 上：

脚本：https ://fiddle.jshell.net/2hgL54ww/419/

查看模式：https ://fiddle.jshell.net/2hgL54ww/419/show/

html

1 个回答

  1. Best Answer

    用 css 做正确的事

    body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.wrap {
  flex: 1 1 auto;
}

    一个例子是here

    • 3

相关问题