网页两个div之间有间距的解决方法

我在制作网页过程中，遇到一个问题：地图和底部版权栏之间有空白间隙不能消除。

这个问题我百度了一下，用margin:0;padding:0;并没有用。

后来我想，这应该是由于地图的display是inline-block，换行符和空格都会导致出现空白间隙。于是有了解决方法：将地图部分的iframe设置成display: block;

之后，我又找了一下别人的解决方法。还有一种解决方法是设置父元素的字体为“0”，然后在“inline-block”元素上重置字体需要的大小。但是这种解决方法在Firexfox,chrome等浏览器下是达到了效果，可是在Safari下可问题依然存在。所以只能够在父元素中设置font-size:0,用来兼容chrome，而使用letter-space:-N px来兼容safari。原文在这。

总结：对于inline-block布局产生间隙的解决方法有两个：

1.将子元素设置成display: block;

2.在父元素中设置font-size:0,用来兼容chrome，而使用letter-space:-N px来兼容safari。

个人推荐使用第一种方法，比较简单。