动态浮动2列

Question

http://jsfiddle.net/ny3es0dk/

#floating_body_container {
border: 1px solid #ddd;
padding: 5px;
float: left;
width: 450px;
height: auto;
margin: 5px;
background: #eee;
}

我正在尝试创建响应式＆＃34;更新流＆＃34;仅使用html / css（尽管如果绝对需要我可以使用js / jquery）。问题是新的＆＃34;线上的每个新div都会出现问题。只会从最后一行的较高div的底部开始。理想情况下，div会在其上方具有较短div的一侧。你可以看到jsfiddle上说明的问题。

感谢。

Answer 1

#floating_body_container:nth-child(even) {
    float: right;
}

解决问题。