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更改地方，那么david desandro的砌体js插件可能适合你：

http://masonry.desandro.com/

你必须使用浮动，让插件完成其余的工作。在调用插件生效时应用isResizable和isAnimated选项（isResizable = true;，isAnimated = true;），应该这样做。