div之间的空格？

Question

我不知道为什么两个div之间存在autospace。我该如何删除？

这是我的代码：

.mot
{
      width: 300px;
      max-height: 300px;    
      overflow: hidden;
      position: relative;
}

.hai
{
      width: 280px;
      color: #FFF;
      background-color: #001c3e;
      font-size: 15pt;  
      padding: 10px 10px 10px 10px;
      font-family: Arial, Helvetica, sans-serif; position: relative;display: inline-block; float: left;
}

这仍然会导致div之间的空格（见图：http://puu.sh/7w2AQ.jpg）

<div class="mot">
    <img src="http://puu.sh/7w2AQ.jpg" width="300px"/>
</div>

<div class="hai">
    asdfasdf
</div>

非常感谢

Answer 1

它完美无缺！我已经在一个小提琴http://jsfiddle.net/afzaal_ahmad_zeeshan/qfsPk/中测试了你的代码，它没有给出额外的间距。我使用border来测试空格。

我认为，有一些用户客户端的默认设置。

我的建议是，只需检查浏览器旁边的属性即可。尝试使用 F12 并检查div和这些元素的样式。

Answer 2

问题是img标记自动间距使用display:block来修复它

.mot img{
    display:block;
}