CSS：不需要相对div之间的空间/间隙？

我有两个div都是100%宽度

我需要这两个div坐在一起，没有任何空间或间隙

但目前他们之间存在差距，我无法摆脱

我可以通过给出

字体大小：0

给他们的父母，但这个解决方案在某些浏览器中不起作用，特别是在iOS中，它根本不起作用，而且他们之间还有差距

这是一个工作小提琴来解释这个问题：

这是我的全部代码：

<div align="center" class="casFeed" style="position:absolute; width:100%; height:100%; top:0; left:0; overflow:scroll;background-color:#fff;">

            <div style="position:relative;width:100%; overflow:hidden; position:relative; height:auto;">

            <img src="http://www.longrunexploration.com/upload/main_banner/2/05/banner.jpg" style="width: 100%; height: auto;"/>

            <div style="width:auto; padding:5px;min-height:15px; text-align:center;background-color:grey; position:absolute;right:0;bottom:0; color:#fff; font-size:12px;">Credits</div>
            </div>

            <div style="position:relative;width:100%; padding:5px;min-height:15px; text-align:left;background-color:blue;color:#fff; font-size:12px;margin:0;" contenteditable="false">Caption</div>

</div>

信用
说明文字

有人能就这个问题提出建议吗

编辑：

这就是我所指的差距：

您的图像有问题

img{
显示：块；
}

信用
说明文字

在img容器分区上

line-height: 0;

---

“我在Firefox和Chrome上都看不到任何差距。”Dez补充道，屏幕截图。我在FF、CHROME和iPhone设备中看到了它。@DavidHope看到了我的答案。希望能有帮助。如果有帮助，请标记为正确。@YashYadav，非常感谢。@DavidHope欢迎亲爱的。：）