div工作不正常

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;放在它们上（IE6的zoom:1;*display:inline;，IE7兼容性）

另外，一个jsFiddle也不会受伤！

使用上面的@ Shebo示例：

不工作示例：jsFiddle

工作示例： jsFiddle