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;），并且应该这样做。