Плавающий влево на абсолютно позиционированных элементах

Question

Я пытаюсь добиться эффекта, когда суровые абсолютно позиционированные элементы будут вести себя так, как будто они плавают влево.Я стараюсь избегать использования классов или селекторов nth-child, потому что количество элементов div, которые позиционируются абсолютно, является динамическим.

Итак, ширина div составляет 800px, и я хотел бы, чтобы все div смещались влево, но теперь они расположены друг над другом, и я не знаю, как сделать div 1 оставленным: 0, div2 слева: 800, div 3 слева: 1600 и т. Д. Без использования классов или селекторов nth-child.Возможно ли это с помощью jQuery или даже css?

Спасибо!

Answer 1

Есть много способов ....

jQuery:

$("div").each(function(index) {
    $(this).css("left", 800*index);
});

Вы можете расположить свои дивы относительно, а затем плавать их.

Но в jQuery вам понадобится обертка с шириной от всех div:

$("#wrapper").width( $("div").length * 800 );

---

Не могли бы вы рассказать подробнее о своей структуре (DOM, css и т. Д.).

Это помогает сделать лучшее решение для ваших нужд ...