footer固定在页面底部的若干种方法_html/css_WEB-ITnose
程序员文章站
2024-01-19 17:34:28
...
1 2 3
如果主体内容过短不足以支撑浏览器时,footer会上移,非常影响页面,算是一个大bug了,搜过很多种方法现整理一下footer固定在第的若干种方法,供以后参考。(欢迎大家积极补充。)
以上布局为给个人写页面常用。
注:.main{
width:1050px;
margin:0 auto;
height:auto;
}
1、这是刚刚使用过的css,可以达到效果,只是不论浏览器的大小如何footer均会在底,主体内容则以滚动条形式显示。
.footer{
position:fixed;
bottom:0;
left:0;
}
2.待整理。。。。。
上一篇: 微信小程序GET、POST提交方式
下一篇: mongodb 用户 权限 设置 详解