CSS溢出定位

Question

這是一個相當困難的問題來形容，所以我覺得這個圖將幫助：

這是設置 -

.column {position: absolute; width: specific;} // each positioned with javascript 
.post {position: relative; margin: specific; width: either 100% or specific;} 

的問題是，如果第一篇文章超過其列的寬度，我如何才能使另一列中的帖子作出反應，並只在較大的帖子下啓動？我只需要它與第一個一起工作，我不認爲浮動職位有所作爲。我知道這可以用JavaScript來完成，沒有太大的麻煩，但帖子在懸停時展開，所以它會在CSS中更好。有沒有辦法做到這一點？我是否必須更改列的位置樣式？或者只有js纔可能？

即使您想不到解決方案，我也會很感激任何迴應。

Answer 1

如果你想有一個很好的解決方案，以多個div改變的地方，什麼不是，那麼大衛desandro的磚石JS插件可以爲你：

http://masonry.desandro.com/

你將不得不使用花車，讓插件做其餘的雖然。在調用插件時，應用isResizable和isAnimated選項（isResizable = true; isAnimated = true;），並且應該這樣做。