Перемещать элементы в DOM и не надо. Просто хочется, чтобы элементы "уплыли" куда надо или были позиционированы как надо. Задача более теоретическая, хотелось бы найти красивое решение.
Вот через позиционирование сделал в лоб:
.container {
position:relative;
}
.column {
position:absolute;
}
.col_1 { width:220px; top:30px; left:776px; }
.col_2 { width:200px; top:30px; left:8px; }
.col_3 { width:180px; top:30px; left:412px; }
.col_4 { width:160px; top:30px; left:230px; }
.col_5 { width:140px; top:30px; left:614px; }
|
Но теперь элементы вылезают за пределы родителя и насколько я знаю отменить такое поведение не получится.