html – 如何设置页面样式以使表单的提交按钮始终位于窗口底部?

html – 如何设置页面样式以使表单的提交按钮始终位于窗口底部?,第1张

概述我有一个页面已经有一个页脚永久“底部对齐”使用一个100%高度的容器和以下css: #footer {position: absolute;left: 0px;right: 0px;bottom: 0px;font-size: 12px;} 我想要做的是让我的页面形式的按钮(在下面的html中由带有“actionButtons”类的div表示)总是直接在页脚上方,而不管表单的其他内容如 我有一个页面已经有一个页脚永久“底部对齐”使用一个100%高度的容器和以下CSS:

#footer {position: absolute;left: 0px;right: 0px;bottom: 0px;Font-size: 12px;}

我想要做的是让我的页面形式的按钮(在下面的HTML中由带有“actionbuttons”类的div表示)总是直接在页脚上方,而不管表单的其他内容如何.我可以保证表单的内容永远不会导致溢出.

<HTML><body>    <div>        <div >               <form>                           <div  >                </div>            </form>        </div>        </div>    <div ID="footer"></div>   </body></HTML>

我一直在弄乱身高/身高,但没有成功.对于上面的HTML,我需要什么CSS才能始终将“actionbuttons”div放在窗口的底部,就在页脚的上方?先感谢您.

解决方法 由于< form>有位置:相对我可以想到强制按钮到底部的唯一方法是位置:固定,例如……

#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上设置一个高度,该高度与.actionbuttons的底部相匹配,以正确放置它. (我在.actionbuttons中包含了一个高度用于演示目的).

总结

以上是内存溢出为你收集整理的html – 如何设置页面样式以使表单的提交按钮始终位于窗口底部?全部内容,希望文章能够帮你解决html – 如何设置页面样式以使表单的提交按钮始终位于窗口底部?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1058703.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存