html - 如此接近，但我似乎无法获得固定的三页脚注脚…

如果在其他地方解决了这个问题，我深表歉意，但是我一直在寻找，似乎无法弄清楚。

我正在尝试在页面底部设置三个链接，这些链接将被修复，即无论页面或窗口有多大，它们将始终位于页面其余部分上方的一层的底部。我希望一个链接在页面页边距内保持左对齐，一个链接居中对齐，而一个链接向右对齐（我将主体页边距设置为20px）。

经过大量的摆弄和反复试验之后，我已经很接近了，但是我似乎无法在文字周围找到适当的空白。我认为，如果我仅发送指向当前页面的链接，可能会更清楚-请忽略彩色背景:)

http://www.chrissvensson.info/ces85/033

我已经尝试了所有我能想到的。如果有人有任何建议，我将非常感谢。并且随时告诉我我要解决所有这些错误！

这是html：

<div class="bottom-nav">
    <h2 class="previous-link">Previous</h2>
    <h2 class="index-link">Index</h2>
    <h2 class="next-link">Next</h2>
</div>

这是CSS：

.bottom-nav {
  position:fixed;
  bottom:0px;
  width:100%;
  margin: 0 -20px 0 -20px;
  background-color: red;
}
.previous-link {
  width: 25%;
  float: left;
  z-index:1999;
  background-color: blue;
  margin-left: 0;
}
.index-link {
  margin: auto;
  z-index:1999;
  width: 50%;
  text-align: center;
  float: left;
  background-color: yellow;
}
.next-link {
  width: 25%;
  float: right;
  z-index:1999;
  text-align: right;
  background-color: green;
  margin-right: 0;
}

提前致谢！

最佳答案

尝试添加.previous-link a {margin-left:20px}或.previous-link a {padding-left:20px}，并在其他链接上添加相同的内容。像这样，您不会对div产生太多混乱，而是将链接移动到所需位置。希望它会有所帮助！

关于html - 如此接近，但我似乎无法获得固定的三页脚注脚…，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16379869/