问个vant的tabbar遮挡页面的问题？

Question

使用vant的tabbar做了个底部的导航栏，是固定在底部显示。
现在在页面上加了一个固定在底部的图片，但是发现tabbar会把这个图片给遮挡着

图片上层DIV样式如下：

    height: 100px;
    width: 100%;
    position: fixed;
    bottom: 0px;

可以通过bottom的高度，来将图片上提。但是每个手机的屏幕高度不同，很容易就有偏差。

有没有什么办法，把这个图片固定这个tabbar上方显示？

Answer 1

padding或者margin或者position都行

Answer 2

给最外层设置padding-bottom把图片顶上来

Answer 3

第一种办法是：把tabbar的高度固定，然后图片上层DIV的bottom等于tabbar的高度。
第二种办法是：换个布局，tabbar不要定位在页面中。而是占据文档流。tabbar的上方是内容区域， 图片放在内容区域里。