前辈们，问一个关于移动端图片叠加的问题

Question

是这样的，在页面最底下底下有一张背景图，然后上面有一个table，然后table上面有一个logo。就是像叠汉堡那样叠的。图片我都是用width:100% 没有高度，但是当我用绝对定位或相对定位叠加上去的时候，屏幕宽度一变，位置也变了，这是为什么？怎么解决。请前辈们指导

Answer 1

可以将背景图片position设置成fixed,然后在上面加table和logo，我做个简单的demo，可以参考下：
http://yulei521.github.io/segmentFault_question_demo/background_logo_table.html
背景图片会发生变化是因为我图片小，拉伸了。

Answer 2

一定位，自动block，脱离文档流

Answer 3

absolute由父级最近的一个relative元素确定。你让最外面层的那个元素包一个relative，里面用absolute就可以了