css - div之间的空格？

Question

我不知道为什么两个 div 之间存在自动空格。我该如何删除它？

这是我的代码:

.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

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

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

我对您的建议是，只检查浏览器中的属性。尝试使用 F12 并检查 div 和这些元素的样式。