我的身材中有额外的空间

Question

我在这里遇到了一个问题，我创建了一个比例为10/1的数字，它应该是与我的img完全相同的空间（实际尺寸为4000 * / 400 *因此也是10/1）但是我有一个额外的空间突然出现。

你知道它来自哪里吗？

这是我的代码：http://jsfiddle.net/2drYk/21/

<figure class="container">                  
    <img class="content" src="http://img7.imageshack.us/img7/6766/sampes.jpg" alt="sample" />
</figure>

* 
{
margin:0; 
padding:0; 
border:0
}

.container
{
    width:100%;
    background:black;
    overflow:hidden;    
}
.content
{
    width:100%
}


var $cont = $('.container .content'),
    init_size = $cont.width()*0.1,
    c =0,
    s = [400,init_size];

$cont.height( init_size );

$cont.click(function(){   
  $(this).stop().animate({height: s[c++%2] });
});

编辑：似乎问题来自于我在我的jquery中调用2类但我仍然不知道为什么，这个比例仍然是相同的。

Answer 1

默认情况下，图像以内嵌方式显示，每个行高的字符下延空间留有空格。

http://jsfiddle.net/2drYk/22/

.content {
    display: block;
}