Задать вопрос
@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;
}
  • Вопрос задан
  • 54 просмотра
3 комментария
Подписаться 1 Средний 3 комментария
Пригласить эксперта
Ответы на вопрос 1
ArturMavlidov
@ArturMavlidov
Не совсем понял, что именно нужно, но укажу на ошибку: Ты задаешь свойство order классам .one, .two. .three, и это не дает вообще ничего, так как это свойство работает только с дочерними элементами flex или grid контейнера.
Flex контейнер в твоем случае - блок .Code, так что свойство order будет работать только для .Right и .Left
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Frontend разработчик
Базис-Центр • Коломна
от 30 000 до 70 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Реализация авторизации на сайте через Госуслуги
02 мая 2024, в 20:43
5000 руб./за проект
Доработка верстки на Nuxt 3 Срочно
02 мая 2024, в 20:27
1500 руб./в час
Написать программу с использованием машинного обучения на языке MATLAB
02 мая 2024, в 20:16
1500 руб./за проект
Ещё заказы