Задачей является перенос блока номер 2 из контейнера aside__wrapper в адаптиве. Проблема в самом наличии двух контейнеров разных селекторов с блоками внутри, и order не хочет работать с блоками в разных флексовых контейнерах. Может у кого есть соображения как это можно реализовать?
-
1Без JS невозможно, если не костылить с дублированными скрытыми контейнерами– noname22829 июл 2020 в 5:59
-
а нельзя поместить в aside_wrapper блоки 1, 3, 4 (вертикально) и в inner_wrapper 2? Блоки aside_wrapper и inner_wrapper расположить горизонтально– azlov29 июл 2020 в 6:01
1 ответ
Order и не должен работать с блоками в разных контейнерах.
По названию класса aside__wrapper можно предположить, что речь идет о сайдбаре. Вопрос: что он забыл в месте, предназначенном для основного контента?
Если изменить структуру контейнеров на нормальную категорически нельзя, можно спозиционировать блок № 2 абсолютно и загнать в низ экрана, но придется явно колхозить габариты.
Если можно поменять структуру, то следует сделать так:
___________________ ___________________ | inner__wrapper | | aside__wrapper | | _____ | | _____ | | | 1 | | | | 2 | | | |_____| | | |_____| | | _____ | |___________________| | | 3 | | | |_____| | | _____ | | | 4 | | | |_____| | |__________________|
И в мобильном виде переносить весь .aside__wrapper вниз.