关于div间距的问题

1、两个div之间莫名的间距

div{margin:0;padding:0}

一般我们的页面会直接设置所有的元素间距为0，如果你注意到这一点，也就不会存在这个问题了

*{margin:0;padding:0}

2、display:inline-block元素产生的下、右间距

div{vertical-align:middle;  /*当前元素，去掉下边距*/}
.parent{font-size:0;  /*父元素，去掉右边距*/}

3、两个div设置margin问题，问两个div之间的间距是多少

<div></div>
<div></div>
div{
	height:20px;
	background-color:red;
	margin:10px 0;
}

猜测两个div中间的间距是多少，如果外层又包裹了一个div呢，像下面这样的html结构

<div><div></div></div>
<div><div></div></div>