怎么将footer定位于网页底部

时间:2026-02-15 18:29:00

<footer>和div一样,要对其定位就需要使用position属性并且需要设置其宽度

方法/步骤

如果是<footer class="foot"></footer>标签的话,你可以添加css样式设置

.foot {

 position:fixed;

 bottom:0;

 width:100%;

}

但是这个是你眼睛看的见的网页部分的底部(不管你怎么滚动鼠标,这个div还是在这个位置)。也就是浏览器窗口可视界面底部。

如果是网页高度比你浏览器最大高度都还高的那种底部,你可以使用绝对定位的方法css样式设置为

.foot {

 position:absolute;

 top: 这里是你的网页高度减去这个div的高度 ;

 width:100%;

}

但是使用position:absolute; 定位的是固定的,如果你滚动页面后这个div也会滚动的。

一般情况,做法都是,大的div 通过被“挤”到下面。不通过position:absolute;设置top高度来定位。

© 2026 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com