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

发布于 2024-12-26 00:16:08 字数 231 浏览 0 评论 0原文

我试图实现一种效果,其中多个绝对定位的元素在向左浮动时会表现出来。我试图避免使用类或第 n 个子选择器,因为绝对定位的 div 数量是动态的。

所以div宽度是800px,我想让所有div向左浮动,但现在它们彼此堆叠,我不知道如何使div 1 left: 0, div 2 left:800, div剩下 3 个:1600 等,不使用类或第 n 个子选择器。这可以使用 jQuery 甚至 css 实现吗?

谢谢你!

I'm trying to achive an effect where severeal absolutely positioned elements would behave as they were being floated to the left. I'm trying to avoid using classes or nth-child selectors because the number of divs being absolutely positioned is dynamic.

So the div width is 800px and I'd like to have all divs floated to the left, but now they are stacked over eachother and I don't know how to make div 1 be left: 0, div 2 left:800, div 3 left: 1600 and so on without using classes or nth-child selectors. Is this possible using jQuery or maybe even css?

Thank you!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

£烟消云散 2025-01-02 00:16:08

有很多方法......

jQuery:

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

你可以相对定位你的div然后浮动它们。

但是在 jQuery 中,您必须有一个具有所有 div 宽度的包装器:

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

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

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

There are many ways....

jQuery:

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

You can position your divs relative and then float them.

But you will have to have a wrapper with the width off all divs, in jQuery:

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

Can you please tell more about your structure (DOM, css, etc).

This helps to make the best solution for your needs...

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文