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>