DIV边框显示奇怪

Question

我试图以某种方式对齐某些div。为了帮助调试正在发生的事情，我决定为div添加边框以研究它们如何定位。但边界看起来很奇怪。 这是html：

这里是CSS：

结果如下：

我做错了什么？谢谢！

Answer 1

这不好笑（!!）。 div似乎有0高度，因此顶部和底部边框相互接触，形成一个有趣的（??）外观。

div似乎包含内容，但内容可能已浮动或绝对定位，因此它不会垂直拉伸有趣的（！？）div。

demo here

Answer 2

高度是一种方法，但它有点hackey，另一种方法是浮动围绕其他浮动div的div：

http://jsfiddle.net/Ewd4x/2/