divs不能正常工作

Question

这个问题有点奇怪(因为我需要这样做，因为我找不到其他好的方法)。

我在一个“大div”中有三个div。

主div称为：

<div class="produtos-item">

在这个div里面，我还有另外三个div

<div class="item">

那我需要什么？

想象一个商店(电子商务)。我有3个产品(项目)。

PRODUCT-1 PRODUCT-2 PRODUCT-3
------------------------------
THIS LINE
PRODUCT-4 PRODUCT-5 PRODUCT-6

我需要在div之间插入一行。但是如果我设置了div，没有高度的.item会破坏布局。请看屏幕截图。

​

​

如你所见，这个黑色的圆圈就是产品。但是由于没有固定的高度，并且我不能设置它(因为标题可以更大)，它会破坏布局。如果我能“调用”主div (produtos-item)，我就能解决这个问题。

你知道什么解决方案吗？

JSFiddle：http://jsfiddle.net/WRGba/编辑，5月10日

Answer 1

尝试将display:inline-block;放在它们上面(zoom:1;*display:inline;用于IE6，IE7兼容性)

而且，jsFiddle也不会有什么坏处！

使用@Shebo上面的例子：

不工作的示例：jsFiddle

工作示例：