Поднять блок на уровень вверх?

Question

[BerettaPiffy]

Есть разметка:

<divA>
   <divB>
     </divB>
    <divC>
    </divC>
    <divD>
     </divD>
</divA>

как сделать без изменения html:

<divA>
   <divB>
     </divB>
</divA>
 <divC>
</divC>

<divA>
    <divD>
     </divD>
</divA>

Answer 1

[Шохрух Шаймардонов]

Используйте displa: flex для divA
А для divC { order: n }
Но это только для визуальной смены поряка расположения дочерних элементов. А то что вы хотите (выдернуть из родительского блока и поставить рядом) без js не решается. Или же как вы не хотите, изменение структуры html

Comments

[BerettaPiffy]

Знаю что нужно использовать js но не силен в нем, пробовал unwrap/wrap, но он дублирует
У блока родителя задана ширина, и нужно ее убрать у одного дочернего блока, не влезая в html

[Шохрух Шаймардонов]

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

[BerettaPiffy]

Шохрух Шаймардонов, он резиновый, а если в процентах то считает от родителя

[Шохрух Шаймардонов]

BerettaPiffy, ну используйте em/rem/vw/vh

[BerettaPiffy]

Шохрух Шаймардонов, спасибо