在绝对定位的元素上向左浮动答案

【问题标题】：Floating left on absolutely positioned elements在绝对定位的元素上向左浮动
【发布时间】：2012-06-16 03:04:38
【问题描述】：

我正在尝试实现一种效果，即严格绝对定位的元素会像它们被浮动到左侧一样表现。我试图避免使用类或第 n 个子选择器，因为绝对定位的 div 的数量是动态的。

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

谢谢！

【问题讨论】：

你用 jquery 标记这个问题有什么原因吗？好像不适用？
好吧，我认为不太可能有全 CSS 解决方案，如果需要 javascript，我真的很喜欢用 jQuery 编写它，因为我比普通的 javascript 更好。但如果你觉得这无关紧要，我会删除 jQuery 标签。
为什么要实现浮动元素的效果，却不能浮动？
@user1023552 你需要 jquery，css 还不支持数学...
因为我需要它们绝对定位。

【解决方案1】：

有很多方法....

jQuery：

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

您可以将您的 div 相对定位，然后将它们浮动。

但是在 jQuery 中，您必须有一个宽度为所有 div 的包装器：

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

您能否详细介绍一下您的结构（DOM、css 等）。

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

【讨论】：