两列布局 - div 留下额外的空间

Question

首先，我想说我不想用Javascript这样做。

http://jsfiddle.net/WqrBY/2/

在这个 jsFiddle 中，我有两列，但右下角的div 显然与左下角对齐。我希望能够（不调整标记）将右下角的div移动到右上角下方（就像左下角在左上角下方一样）。

我不想更改标记，因为当div 切换到较小屏幕尺寸的单列布局时，div 的顺序很重要。

谁能在这里帮我？

Answer 1

我将首先

说我不确定为什么这有效......我会继续摆弄它来测试它。欢迎评论。

这是我的小提琴

编辑：

我知道您特别提到您不想因为div排序而"更改"标记。您是否愿意添加到标记中？这不应该改变信息的顺序，但它可能是您尝试执行的操作的简单修复：http://jsfiddle.net/tracyfu/WqrBY/7/