父格子与img孩子的宽度：100％，身高：自动，总是留下2px高度差距

Question

我正在尝试将一堆div与全屏图像作为其子项，但父div高度与img高度不匹配。

CSS并不太复杂

  .content {
    overflow: hidden;
    position: relative;

    min-width: 1024px

  }

  .content img {
    width: 100%;
    height: auto;
  }

这是JSBin http://jsbin.com/baqexonu/1/，你会发现div之间的差距是2px

请帮忙。

Answer 1

这是白色空间。将line-height: 0添加到.content。

Answer 2

您还可以将display: block添加到.content img。