Css 图像在div内部向下移动

我正在尝试创建一些div来保存一组图像。只是为了测试，我现在只放了一张图片。我的问题是它向下移动了3个像素。 据我所知，这是因为我在container div上有一个3像素的边距，但我不明白为什么is对图像有任何影响。 我试图为图像设置以下内容，但似乎没有任何效果

padding:0;
margin:0;
border:0;
line-height:0;

.盒子{
背景色：#B9C4F4；
边界半径：3px；
显示：内联块；
保证金：3倍；
}

我已经花了好几个小时试图弄明白这一点，但一直没有取得任何进展

非常感谢您的帮助

---

树脂

发生这种情况是因为将内联元件（img）定位在内联块内

应用<代码>显示：块用于图像。 或

设置

.box{display:block；float:left；}

---

当你用图像填充每个方框时，它们将完美对齐，你不必声明

display:block

如果你

浮动

你的元素当然不是。我这样做与显示相反：内联块，这是以前设置的。

<div class="box small">
   <img src="http://upload.wikimedia.org/wikipedia/commons/c/ce/Noah_Webster_200x200.jpg">
</div>

.box {
    background-color: #B9C4F4;
    border-radius: 3px;
    display: inline-block;
    margin: 3px;
}