首页 > 编程 > HTML > 正文

html的footer置于页面最底部的简单实现方法

2024-08-26 00:18:50
字体:
来源:转载
供稿:网友
下面小编就为大家带来一篇html的footer置于页面最底部的简单实现方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
 
 

需求:有时候,当页面内容较短,撑不开浏览器高度,但是又希望footer能在窗口最低端。

思路:footer的父层的最小高度是100%,footer设置成相对于父层位置绝对(absolute)置底(bottom:0),父层内要预留footer的高度。

html代码:

XML/HTML Code复制内容到剪贴板
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表