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

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

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

阅读 4.4k
4 个回答

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

footer{
       position:absolute;
       bottom:0
}

第二种方式

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

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

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

推荐问题