响应式独立2列布局

Question

我目前正在开发一个Wordpress博客主题 - 它必须完全响应。我想在更大的屏幕上显示2列布局，具有独立的列。 I thought of something like this 移动页面没有问题 - 但在2列布局上I had problems like this (bottom image) 我尝试使用：nth-​​child（）选择器+ 浮动，但它不起作用。
帖子应按日期列出！如果有人能告诉我解决这个问题的方法，我将非常感激！提前谢谢。

修改 不使用bootstrap或任何其他网格系统！

Answer 1

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