Можно ли сайдбары убрать под контент?

[nikki4]

Есть сайт с такой  структурой:

сайдбар1

сайдбар2

контент

http://cssdeck.com/labs/3r2rkid7

 

Можно ли как-то визуально переместить контент наверх?

 

[by chris]

 .wrapper {display: flex; flex-flow: column nowrap; width:500px; border:1px solid black;}
.lsb1 {width:100px; height:100px; background:green;}
.lsb2 {width:100px; height:100px; background:pink;}
.content {order: -1; width:100%; height:100px; background:black;}

[nikki4]

Спасибо. Но столкнулся теперь с тем, что левые блоки они друг по другом, а надо чтобы lsb1 и lsb2 были в одном ряду с отступами.

http://cssdeck.com/labs/r2hxrqjv

 

float:left; для сайдбаров не работает. читаю, что для флекса не работает такое.

если я правильно понял, то для сайдбаров нужно создавать еще один флекс контейнер, только с отображением в ряд, а не в колонку? а там уже  justify-content использовать.

вот, сделал так:

http://cssdeck.com/labs/ywkssnfb

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

может есть какой-то другой способ?

Edited July 12, 2016 by nikki4

[by chris]

1 час назад, nikki4 сказал:

мало ли, как на это поисковики отреагируют, что изменилась структура

Никак не отреагируют. Не стоит переживать на этот счет.

[nikki4]

ОК. Спасибо. Возник еще такой вот вопрос
реально ли такое сделать при помощи css, чтобы комментарии (желтый блок) оказался под сайдбаром? при этом сайдбар был под контентом

http://cssdeck.com/labs/znxog0r3

 

просто там очень длинная простыня комментариев при помощи плагина создается, из-за чего сайдбары с рекламой видеть не будут. вот хотелось бы чтобы в мобильной версии сайдбар уезжал под контент, но при этом не под комментарии

 

 

пока в общем решил сжать комментарии.. ограничение на страницу...

Edited July 12, 2016 by nikki4