在绝对定位的元素上左移

时间:2012-01-09 12:22:15

标签: jquery css css-float css-position

我试图获得一个效果,其中严格的绝对定位元素在浮动到左侧时会表现出来。我试图避免使用类或nth-child选择器,因为绝对定位的div数是动态的。

所以div宽度是800px,我希望所有div都浮动到左边,但现在它们堆叠在一起,我不知道如何让div 1离开:0, div 2 left:800,div 3 left:1600,依此类推,不使用类或nth-child选择器。这可能是使用jQuery甚至可能是css吗?

谢谢!

1 个答案:

答案 0 :(得分:2)

有很多方法......

<强> jQuery的:

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

您可以将div放置在相对位置然后浮动它们。

但是你必须在jQuery中有一个宽度偏离所有div的包装器:

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

您能否详细介绍一下您的结构(DOM,CSS等)。

这有助于为您的需求提供最佳解决方案......