不確定爲什麼要切換顯示內容不會推下一塊內容

不是全職前端開發人員，但需要完成此操作。不確定爲什麼要切換顯示內容不會推下一塊內容

我從ajax請求中拉出一些圖像，並將它們推入div並隱藏它。這裏的問題的截圖：

enter image description here

當我切換類來顯示它的圖像顯示（屏幕截圖波圖片）但倒推其他內容。

但是，在下一段內容上有一個邊框頂部，這似乎保持原樣（藍色邊框在屏幕截圖中）。

如果我突出顯示Firebug中的圖像內容，它確實不會顯示出來。我怎樣才能使下一個元素的邊界被正確推下？

THX

編輯1個 去除浮動：左爲@Ramon - 似乎刪除的問題，但現在事情沒有運行在線。是否有另一種方式來設置它們而不是浮動：左邊。水平列表會闖入多行嗎？

enter image description here

來源

2012-03-15 timpone

你應該發佈輸出（相關的HTML/CSS） – thescientist 2012-03-15 02:23:34

您必須檢查很多東西，其中：

檢查藍色邊框元素不是絕對定位。
這只是一個把戲，只是把兩者之間的一個：<div style="clear:both"></div>。

3檢查是否有任何未封閉的html元素，例如我們可以在上面粘貼的代碼中看到的div。

4檢查涉及的任何元素是否爲浮動元素，或者是否設置了頂級css屬性。

如需更多幫助，請提供一點信息。希望有所幫助，

來源

2012-03-15 02:41:50

所以圖像ios-image-box是float：left，以便它們排列並在它們存在的包裝中斷開。浮動：遺漏，他們成爲一個垂直列表。 ios-image-box是一個display：table，裏面有鏈接作爲顯示：table-cell使它垂直對齊 – timpone 2012-03-15 02:48:52

在 – timpone 2012-03-15 02:54:53

上面增加了新圖片那麼，我推薦給你的是仍然使用左邊的float，但是，最後，在藍色邊框元素和列表中顯示的元素之間，只需放一個

，因爲我看到您已經聲明瞭這個有用的CSS類。 – 2012-03-15 03:32:03

不確定爲什麼要切換顯示內容不會推下一塊內容

回答

相關問題