html - 响应式独立 2 列布局

Question

我目前正在开发一个 Wordpress 博客主题 - 它必须是完全响应的。我想在更大的屏幕上显示 2 列布局，具有独立的列。 我想到了这样的事情 ，移动页面没问题 - 但在 2 列布局上，我遇到了这样的问题（下图） ，我尝试使用:nth-child()选择器 + floats，但它没有工作。
帖子应按日期列出！
如果有人能告诉我解决这个问题的方法，我将不胜感激！提前致谢。

编辑： 不使用引导程序或任何其他网格系统！

Answer 1

我假设您有多个刚刚浮动的元素，但是如果元素的高度不同，那将不起作用。您将需要为这些元素创建两个单独的列。