Изменение расположения блоков при адаптиве

[Oleg90s]

Здравствуйте, верстаю простой трёхколоночный сайт, у левой колонки - float: left, у правой - float: right, у центральной ничего. Всё хорошо, но вот делаю адаптивную версию и надо чтобы при определённой ширине экрана центральная часть была вверху, как это сделать? Мне на ум приходит продублировать центральную колонку перед левой, и задать ей display: none, а при сужении экрана делать её блочной, но может есть более элегантное решение?

[klierik]

https://jsfiddle.net/klierik/1tjowkd5/

[Alexandr37]

https://jsfiddle.net/r2xtrgrx/

[Oleg90s]

Только что, Alexandr37 сказал:

https://jsfiddle.net/r2xtrgrx/

Flex это конечно хорошо, но хотелось бы чтобы сайт был доступен хотя бы для ie9+

[Endorphin]

Ради кого? Тех 0,2 процентов?))) Нафиг ie9 если это не стояло в требования. Изменяю свой ответ, выше дали отличное решение)))

Edited May 23, 2017 by Endorphin