css - 绝对定位的动态按钮堆叠？

Question

所以我正在使用 jQuery 循环插件制作 jQuery 幻灯片。

部分代码生成一个 <input type="button">值来自 1至 i (其中 i 等于幻灯片总数)

我正在尝试设置这些按钮的样式，以便它们出现在幻灯片中图像的顶部。但是，当我尝试绝对定位按钮时，它们都会堆叠在一起。我明白为什么会这样，我只是不明白如何解决它。

这就是我定位 JavaScript 生成的按钮的方式。

input[type=button] {
position: absolute;
left: 400px;
}

如何防止按钮堆叠？

Answer 1

如果Position是绝对的，必须分别定义left和top，否则会叠加，

或者你可以使用 position:relative 和 margin:5px; float :左；

谢谢你，