图像在div内移动

Question

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

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

http://testdummies.dk/8pane/glue.php

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

我已经拉了几个小时的毛发试图解决这个问题，但还没到任何地方。

任何帮助都很受欢迎！

树脂

Answer 1

这是因为在内联块内部定位内联元素（img）;

1. 为图片应用display:block;。 或
2. 设置.box {display: block; float: left; }