假如有两个div，每个div的margin(上下左右均为5px），则两个div的竖直间距是多少呢？，答案是5px。
为什么两个相邻的容器中间的间距不是10px，而是5px呢？按照我们正常的理解，认为应该是两个值相加，其实这里是两个合并后取最大值。用css手册中的话说：块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。
另外，还有一点常识性的东西：div属性块级元素，每个div是独占一行，两个div默认情况下不会共处一行的。即不需要在两个div之间加一个<br/>来换行。