#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 – 如何设置页面样式以使表单的提交按钮始终位于窗口底部?所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)