html元素与间距

初学css时碰到了几个有关于元素间距的问题，在此小结一下，也供大家交流

HTML元素总体分为内联元素和块元素。还有其他一些特别的类型和默认类型，更有一些元素要根据实际情况才有判断它是内联还是块元素。与一般分类的特性还是有点区别。就是这些小差别，有时候造成一些难以发现的间距问题。

1、首先是内联块元素(inline-block)，两个相邻内联块元素间会有默认的间距，网上有很多方法解决。这里有一点得注意其中一种方式。在父元素中使用 font-size:0px;去消除间距。会造成子元素的字体好像消失了。当你对子元素单独设置字体大小时，就可以看到了。这是因为子元素继承了父元素font-size:0px的样式。所以字体消失了。

2.Iframe ,Object等元素

这是一个IFrame和DIV；

 

所有的样式都写在元素内。计算body的高度（当然body的内边距已为0），应该为60px;

那多出的高度是怎么来的呢？用浏览器的调试工具发现是iframe和DIV间多出了间距，并查看了一下两个元素的display样式，发现div的display值为block，是块元素。而iframe元素的display样式却找不到。当给iframe添加display：block后：

body元素的高度变成了我们预计的60px;  Object元素也类似！有兴趣可以试一试。