Html 按钮相互重叠，而不是并排？

我有两个按钮，我希望它们能并排出现，但是我不知道为什么它们都在上面。。这是我看到的

这是我的密码

CSS:

---

有什么想法吗？

一般来说，

位置：绝对；您正在从标准流中删除一个元素（这意味着不再并排或从上到下回流）

如果您坚持使用它，您需要为按钮设置两个不同的定位规则，以便将它们分配到不同的位置。
位置：绝对位置

从正常文档流中删除元素。因此，由于它们共享相同的位置样式，因此它们将被放置在指定位置的彼此顶部（

top:250px；

，

left:-15px；

）

对于您的场景，最好使用浮动和边距：

button {
    float:left;
    margin-top:250px;
}

---

尝试

位置：静态我读到它按照元素在文档流中的显示顺序呈现元素。
也需要查看HTML，但我怀疑存在以下问题：
位置：绝对为按钮分配不同的ID，并对两个按钮使用不同的绝对位置样式…
position:absolute
从文档的正常流程中删除元素。这意味着第一个按钮不会按下旁边的第二个按钮。我的按钮是，注册登录。如果不理解，应该避免使用。一旦你了解了css定位，它就是一个强大的工具。是的，如果你达到了你需要它的程度，那么很好，但是开发者往往会立即进行绝对定位，这会创建摇摇欲坠、难以更新的站点：）我假设透明度也是绝对定位的。还可以尝试移除该位置（如有必要，添加一个
浮动
）。正如在另一篇评论中所指出的，当不完全理解绝对定位时，可能会创建难以更新的站点，并且通常不是最佳做法。
button {
    float:left;
    margin-top:250px;
}