CSS：不想要的空间/相对div之间的差距？

Question

我有两个100％宽度的div。

我需要将这两个div放在彼此之下，它们之间没有任何空间或间隙。

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

我可以将font-size:0;提供给他们的父母，但是这个解决方案在某些浏览器中并不起作用，特别是在iOS中它根本不起作用，它们之间仍然存在差距。 ！

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

https://jsfiddle.net/densor07/

这是我的全部代码：

<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>

有人可以就此问题提出建议吗？

修改

这是我所指的差距：

Answer 1

您的 图片存在问题 。

img {
  display: block;
}

<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>

Answer 2

img容器div上的

true