Задать вопрос
@kikim
css

Как мне поменять расположение блоков если они находятся в других элементах?

Есть такой html и css код:
Мне нужно чтобы они шли в таком порядке: H1, Товар, Описание товара
Не получается сделать через flex, потому что нужные элементы находятся в разных блоках, есть ли решение?
<body>
<div class="Code">
    <div class="Right">
        <div class="three">Товар</div>
    </div>
    <div class="Left">
        <div class="one">H1</div>
        <div class="two">Описание товара</div>
    </div>
</div>
</body>


.Code {
    display: flex;
    flex-flow: column wrap;
}
.one {
    order: 1;
}
.two {
    order: 3;
}
.three {
    order: 2;
}
  • Вопрос задан
  • 56 просмотров
3 комментария
Подписаться 1 Средний 3 комментария
Пригласить эксперта
Ответы на вопрос 1
ArturMavlidov
@ArturMavlidov
Не совсем понял, что именно нужно, но укажу на ошибку: Ты задаешь свойство order классам .one, .two. .three, и это не дает вообще ничего, так как это свойство работает только с дочерними элементами flex или grid контейнера.
Flex контейнер в твоем случае - блок .Code, так что свойство order будет работать только для .Right и .Left
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
Верстальщик HTML
MST
от 450 $
Преподаватель курса "Тестировщик/QA инженер"
Nordic IT School • Москва
от 30 000 до 50 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка LMS платформы для обучения учеников IT курсам
09 янв. 2025, в 22:40
150000 руб./за проект
Продвинуть сайт - сео
09 янв. 2025, в 21:26
30000 руб./за проект
Оффлайн языковая модель в голосового помощника
09 янв. 2025, в 21:05
10000 руб./за проект
Ещё заказы