我有5个元素（应该都包含内容），当浏览器宽度发生变化时，所有元素都应该搜索自己的位置。我希望他们能够把彼此填满。所以没有空格（除了最后）
上图是我现在所拥有的。如你所见，第三个元素被第二个元素推下来。
我在div中有五篇文章。 这五篇文章有这个css：
width: 100%;
max-width: calc(50% - 22px);
padding: 5px;
margin: 5px;
float: left;
border: 1px solid #aaa;
background-color: #d5d5d5;
简而言之：我希望我的示例中的第三个元素填补第一个元素下的空白。
我认为自己的一个解决方案只是改变了不同元素的顺序，但这只会清理一点，而不是解决问题。 （并且它不适用于不同的元素长度，因为它们可能会在时间内发生变化）
顺便说一句：元素的内容只是一些文字。这就是为什么不同的元素有不同的高度，有些元素有更多的文本。