怎么将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怎么实现横向导航
  • 热门搜索
    horse是什么意思 front是什么意思 羊刃是什么意思 月经是什么 penis是什么意思 注册资本是什么意思 京ag6车牌什么意思 脸上长斑是因为什么原因引起的 也字少一竖念什么 river是什么意思