Двухколоночный макет - Divs Leave Extra Space

Question

Во-первых, я хотел бы сказать, что я не хочу делать это с помощью Javascript.

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

В этом jsFiddle, у меня есть две колонки, но правый нижний ДИВ, очевидно, совпадает с нижней левой. Я хотел бы иметь возможность (без корректировки разметки) переместить нижний правый div прямо под верхним правом (точно так же, как внизу слева находится верхний левый).

Я не хочу менять разметку, потому что порядок разделов важен, когда он переключается на одноколоночный макет для меньшего размера экрана.

Может ли кто-нибудь помочь мне здесь?

Answer 1

Я собираюсь предисловие к этому, сказав, что я не уверен, почему это работает ... Я собираюсь продолжать играть, чтобы проверить это. Комментарии приветствуются.

Вот мой fiddle

Edit:

Я знаю, что вы конкретно упоминается, что вы не хотите, чтобы «изменить» разметки из-за div заказа. Не могли бы вы добавить к разметке? Это не должно изменять порядок информации, но это может быть простое исправление в том, что вы пытаетесь сделать: http://jsfiddle.net/tracyfu/WqrBY/7/