怎么将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高度来定位。

  • Dreamweaver如何设置站点的本地信息
  • CSS+DIV实现鼠标经过背景图片变换
  • css如何将背景图片设置在div的左下角
  • css如何设置文字的水平方向浮动
  • html+css怎么实现横向导航
  • 热门搜索
    手抄报端午节 关于新型冠状病毒的手抄报 未来的2035年手抄报 讲普通话手抄报 创文手抄报 禁止吸烟手抄报 普法教育手抄报 国庆手抄报简单又漂亮 爱眼手抄报内容 诚信手抄报图片大全