我有一个页面已经有一个页脚永久“底部对齐”，使用具有 100% 高度的容器和以下 css:
#footer {
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
font-size: 12px;
}
我想要做的是让我的页面表单的按钮(在下面的 html 中用类“actionButtons”的 div 表示)总是直接位于页脚上方，而不管表单的其他内容。我可以保证表单的内容永远不会导致溢出。
<html>
<body>
<div>
<div class="wideContent">
<form>
<div class="actionButtons" style="text-align:right;">
</div>
</form>
</div>
</div>
<div id="footer"></div>
</body>
</html>
我一直在搞乱高度/最小高度，但没有成功。我需要什么 css 才能让上面的 html 始终将“actionButtons”div 放在窗口底部，就在页脚上方？先感谢您。
最佳答案
由于 <form> 有 position:relative ，我能想到的强制按钮到底部的唯一方法是 position:fixed ，例如......
#footer {
position:absolute;
left:0;
right:0;
bottom:0;
font-size:12px;
height:25px;
}
.actionButtons {
position:fixed;
bottom:25px;
left:0;
right:0;
height:10px;
}
...如在 this demo 中。但它需要在
#footer 上设置一个与 bottom 上的 .actionButtons 匹配的高度才能正确放置它。 (出于演示目的，我在 height 中包含了一个 .actionButtons)。关于html - 如何设置页面样式以使表单的提交按钮始终位于窗口底部？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6614974/