positioning - CSS溢出定位

Question

这是一个很难描述的问题，所以我认为这张图会有所帮助:

这是设置-

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

问题是，如果第一篇文章超出了其列的宽度，我如何才能使另一列中的文章使用react并仅在较大的文章下开始？我只需要它与第一个一起工作，而且我不认为 float 帖子有什么不同。我知道这可以使用 javascript 轻松完成，但帖子会在悬停时展开，因此在 css 中会更好。有什么办法可以做到这一点吗？我是否必须更改列的位置样式？还是只有js才可以？

即使您想不出解决方案，我也将不胜感激。

Answer 1

如果你想要一个很好的解决方案来解决多个 div 改变位置的问题，那么 david desandro 的 masonry js 插件可能适合你:

http://masonry.desandro.com/

您必须使用 float 并让插件完成其余的工作。在调用插件时应用 isResizing 和 isAnimated 选项(isResizing = true;, isAnimated = true;)，这样就可以了。