CSS 两个DIV在同一列中 如何上下有间距

记得上次整理书架时，我发现无论我如何将书排在同一排，它们总是感觉间距不对。
后来我意识到就像网站上的这些div一样，宽度设置得很清楚，但它们仍然靠得很近。
问题是边距没有正确调整。

看一下这段代码。
这是一个简单的两行 div，外部有一个边框，中间有一个边框。
例如，将这两个div添加到页面中，并设置样式div{width:2 5 0px;height:5 0px;border:2 pxsolid ccc;margin:5 0px 8 0px;}。
这意味着每个 div 在顶部和底部留下 5 0 像素的空白，在左侧和右侧留下 8 0 像素的空白。
如果设置为margin:1 0px 2 0px;一变，感觉立刻就变了，整个布局变得宽松、快了很多。

等等，还有别的事。
您是否注意到保证金值可以是负数？上次我使用margin:-1 0px 0;尝试了一下，将 div 向上移动了 1 0px 并暴露了背景图像，这非常有趣。
但要小心，因为如果你经常使用它，页面会变得混乱。
已经快下午 3 点了，所以我必须回去看看网站在更改后的效果如何。

怎么在css 让上下两个div紧贴一起,不留空格？