2013-12-17 61 views
1

我有響應式設計一個博客。在這篇博客的文章頁面中,我在每篇文章的末尾都有一個「Related Posts」div。調整隻用CSS(響應式設計)多個div的高度

這些div的高度依賴,有時內容的變化,然後它打破了佈局。希望下面的圖像將更清楚地說明問題:

Layout break

我能夠通過包裝父容器內的div的每一行來解決這個問題,但是這種解決方案是不適合的,因爲有不同數量的根據窗口的分辨率,按行分列相關的帖子。

我知道有些人通過比較每個div的高度,找到最高的一個修正的JavaScript這個問題,但我寧願有一個純CSS的解決方案。

任何想法?

+1

顯示你的代碼。 – Hiral

+0

'@ media'查詢。 – Ranveer

+1

你可以使用'overflow-y:hidden;' - 然後你可以截斷每一個的主體,以確保它不會以醜陋的方式被切斷。 – brandonscript

回答

1

我知道你在問CSS解決方案,因爲我不能評論,如果你想要一個jQuery解決方案,你可以使用masonary插件來滿足你的需求。