divs無法正常工作

這個問題有點奇怪（因爲我需要這樣做，因爲我沒有找到任何其他好方法）。divs無法正常工作

我在「大格」裏面有三個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沒有高度將打破布局。看截圖。

enter image description here

正如你可以看到，這個黑圈是產品。但是由於沒有固定的高度，我不能設置它（因爲標題可能更大），它會打破布局。如果我可以「調用」主分區（produtos-item），我可以修復這個問題。

你知道任何解決方案嗎？ :(

的jsfiddle：http://jsfiddle.net/WRGba/ [編輯月，10]

來源

2013-05-10 starkbr

如果divs破了不應該是因爲它們的高度，這是因爲它們的寬度而發生的。也許當你使用一些顯示怪癖，他們的整個大小。看到我的例子：http://jsfiddle.net/Vgafb/ – Shebo 2013-05-10 09:33:19

也，這不是一個WordPress的問題，我編輯了標籤。 – Shebo 2013-05-10 09:36:57

嘗試把他們display:inline-block;（zoom:1;*display:inline;爲IE6，IE7兼容）

此外，的jsfiddle不能傷害

使用！從上面@ Shebo的例子：

不工作例如：jsFiddle

工作示例：jsFiddle

來源

2013-05-10 09:42:36 Stefan

嗨Stefan五，對不起jsFiddle：http://jsfiddle.net/WRGba/你可以看看這裏的PHP和CSS :) – starkbr 2013-05-10 17:38:22

好吧，所以我改變了CSS到你的解決方案，但仍然不工作:('#produtos { \t寬度：575px; \t浮動：左; \t餘量：0像素25像素; } #produtos .item { \t寬度：170像素; \t浮動：左; \t餘量右：10px的; \t margin-left：10px; display：inline-block; zoom：1; * display ：一致; }' – starkbr 2013-05-10 17:59:36

工作類型。:) – starkbr 2013-05-10 18:05:34

divs無法正常工作

回答

相關問題