开发者社区 问答 正文

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

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

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

展开
收起
杨冬芳 2016-06-02 09:11:19 2242 分享 版权
2 条回答
写回答
取消 提交回答
  • 相对定位查找父级
    2019-07-17 19:23:55
    赞同 展开评论
  • IT从业

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

    footer{
           position:absolute;
           bottom:0
    }
    

    第二种方式

    footer的父元素{
           position:relative
    }
    footer{
          position:absolute
    }
    2019-07-17 19:23:55
    赞同 展开评论
问答地址: