设置了margin为0后为什么两个DIV还是存在空隙?

Question

Answer 1

试试

.tou img {
  vertical-align: bottom;
}

或者

.tou img {
  display: block;
}

Answer 2

display: inline-block;的元素回车算一个空格 导致空隙

所以处理这种问题可以

a.浮动;
b.或者在父元素上增加font-size: 0;属性

Answer 3

图片的空隙吧

Answer 4

设置下box类的font-size:0。

Answer 5

由于两个div之间的回车造成了一个空文本节点的产生，而.box的行高又不为0，空隙就有啦。
解决办法要么是删除两个div之间的回车，要么指定.box的行高为0，然后两个子div的行高再设置下