给页脚设置个absolute之后就飞到页面上去了

原来页脚的position:relative,我设置了一个absolute就放到了上边了。

我想要的效果是,不管页面的content部分的height设置的有多高,他的footer的都是在最底下图片描述

阅读 4.3k
4 个回答

position:absolute定位的相对元素是最近定位的父元素,如果没有,则相对于body定位。footer的父元素没有进行定位(也可能没有父元素),所以相对于body定位,就出现了题主的情况。
第一种方式

footer{
       position:absolute;
       bottom:0
}

第二种方式

footer的父元素{
       position:relative
}
footer{
      position:absolute
}

给footer的父元素加个position:relative;就可以解决了~

你可以使用top,left 控制所在位置

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题