css - div 无法正常工作

Question

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

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

主要的 div 被称为:

<div class="produtos-item">

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

<div class="item">

那我需要什么？

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

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

工作示例: jsFiddle