开发者社区> 问答> 正文

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

杨冬芳 2016-06-02 09:11:19 832

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

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

分享到
取消 提交回答
全部回答(2)
  • 1520231583079427
    2019-07-17 19:23:55
    相对定位查找父级
    0 0
  • 杨冬芳
    2019-07-17 19:23:55

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

    footer{
           position:absolute;
           bottom:0
    }
    

    第二种方式

    footer的父元素{
           position:relative
    }
    footer{
          position:absolute
    }
    0 0
添加回答
+ 订阅

时时分享云计算技术内容,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

推荐文章