让二个 div 上下紧贴在一起没有 margin 有什么办法？

[love]

看这个 http://jsfiddle.net/weijarz/rjqrp2s9/5/

上下二个 div 中间有空唉，是因为上一下 div 里的 P 有个 margin 导致。
现在上一个 div 里的内容我不太好控制，里面的内容有不确定高度的 margin ，那我有什么办法只靠控制#foo 或#bar 的 css 来紧贴呢？

我发现把 div 加个 border 就可以了，但这种方法感觉比较 low ，还有没有更好的办法呢？

[love]

发现在#foo 加个 overflow:hidden 也行，貌似比加 border 好些。

[Shared]

给 foo 设置 height: 100%;

[old9]

https://stackoverflow.com/questions/19718634/how-to-disable-margin-collapsing