1

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

我在“大 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 日]

4

1 回答 1

1

尝试穿上display:inline-block;它们(zoom:1;*display:inline;为了兼容 IE6、IE7)

此外,一个 jsFiddle 不会受伤!

使用上面的@Shebo 示例:

不工作的例子:jsFiddle

工作示例:jsFiddle

于 2013-05-10T09:42:36.630 回答