Question

我需要页面底部的按钮。通常我会使用底部标记（父div相对位置和子div绝对位置等）但它不会按照我想要的方式工作。

第一个DIV是浏览器窗口的确切大小（我在网上找到了这个代码），我认为这就是为什么我无法将按钮放到最底层的原因。当我试图更改第一个div的CSS时，它不能正常工作，所以如果有人知道该做什么而不改变第一个有帮助的div。

网站为http://www.nickyvanbuuren.com/

Answer 1

在您的源代码中，#knop没有分配position:absolute;。

我在下面的示例中对其进行了更改，现在正在触发bottom:0;：

#knop {
  -webkit-animation: mover 2s infinite alternate;
  animation: mover 2s infinite alternate;
  width: 21px;
  height: 12px;
  bottom: 0;
  margin-right: auto;
  margin-left: auto;
  position: absolute;
}

虽然请编辑您的问题并发布示例代码，以便将来的访问者有一些参考。

Answer 2

您的#knop错过了position: absolute

#knop {
    -webkit-animation: mover 2s infinite alternate;
    animation: mover 2s infinite alternate;
    width: 21px;
    height: 12px;
    bottom: 0;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    width: 980px;
    display: block;
    text-align: center;
}

此外，如果您添加width: 980px和text-align: center，您的按钮将水平居中

无法获得底部：0;按下我的按钮

2 个答案: