Css 如何将提交按钮移动到表单下方

我想将“未获得帐户”提交按钮移动到表单下方，但不确定我做错了什么

我认为这是CSS for.box，但不确定如何编辑它，所以它会移动下面的按钮，我尝试使用div标记来移动它，但它们不起作用

在我的CSS中是否有一些代码将其保持在中心位置

我想保持原样

任何帮助都将受到极大的感谢

*{
框大小：边框框；
}
html{
背景：#191919；
}
身体{
背景:#191919#f5 ;；
保证金：0；
填充：0；
字体系列：“Lato”，无衬线；
文本对齐：居中；
字号：100；
宽度100vw；
高度100vh；
}
.盒子{
宽度：400px；
填充：40px；
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
背景：#191919；
文本对齐：居中；
}
.框h1{
颜色：白色；
文本转换：大写；
字号：500；
}
.box输入[type=“text”]，
.box输入[type=“password”]。box输入[type=“email”]{
边界：0；
背景：无；
显示：块；
保证金：20px自动；
文本对齐：居中；
边框：2倍实心#3498db；
填充：14px 10px；
宽度：200px；
大纲：无；
颜色：白色；
边界半径：24px；
过渡：0.25s；
}
.box输入[type=“text”]：焦点，
.box输入[type=“password”]：焦点。box输入[type=“email”]：焦点{
宽度：280px；
边框颜色：#2ecc71；
}
.box输入[type=“submit”]{
边界：0；
背景：无；
显示：块；
保证金：20px自动；
文本对齐：居中；
边框：2px实心#2ec71；
填充：14px 40px；
大纲：无；
颜色：白色；
边界半径：24px；
过渡：0.25s；
光标：指针；
}
.box输入[type=“submit”]：悬停{
背景：#2ecc71；
}

登录

这是因为第二个表单使用相同的类

box

，它将元素与第一个表单居中

.box{
...
顶部：50%；只是不要绝对定位你的箱子。这样很难正确定位


*{
框大小：边框框；
}
html{
背景：#191919；
}
身体{
背景:#191919#f5 ;；
保证金：0；
填充：0；
字体系列：“Lato”，无衬线；
文本对齐：居中；
字号：100；
宽度100vw；
高度100vh；
}
.盒子{
宽度：400px；
填充：40px；
保证金：0自动；
背景：#191919；
文本对齐：居中；
}
.框h1{
颜色：白色；
文本转换：大写；
字号：500；
}
.box输入[type=“text”]，
.box输入[type=“password”]。box输入[type=“email”]{
边界：0；
背景：无；
显示：块；
保证金：20px自动；
文本对齐：居中；
边框：2倍实心#3498db；
填充：14px 10px；
宽度：200px；
大纲：无；
颜色：白色；
边界半径：24px；
过渡：0.25s；
}
.box输入[type=“text”]：焦点，
.box输入[type=“password”]：焦点。box输入[type=“email”]：焦点{
宽度：280px；
边框颜色：#2ecc71；
}
.box输入[type=“submit”]{
边界：0；
背景：无；
显示：块；
保证金：20px自动；
文本对齐：居中；
边框：2px实心#2ec71；
填充：14px 40px；
大纲：无；
颜色：白色；
边界半径：24px；
过渡：0.25s；
光标：指针；
}
.box输入[type=“submit”]：悬停{
背景：#2ecc71；
}

登录
不确定这是否是您正在寻找的，但在这种情况下，表单中的绝对位置不是最佳用途。您可以在此处阅读更多信息：
无论如何，我对你的代码做了一些调整：我为整个页面添加了一个div容器，并对你的css做了一些更改。你可以在下面的演示中查看它


*{
框大小：边框框；
}
html{
背景：#191919；
}
身体{
背景:#191919#f5 ;；
保证金：0；
填充：0；
字体系列：“Lato”，无衬线；
文本对齐：居中；
字号：100；
宽度：100vw；
高度：100vh；
}
.主货柜{
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
证明内容：中心；
}
.盒子{
利润率最高：10%；
宽度：400px；
填充：40px；
/*位置：绝对位置*/
/*最高：50%；
左：50%*/
/*转换：翻译（-50%，-50%）*/
背景：#191919；
文本对齐：居中；
}
.框h1{
颜色：白色；
文本转换：大写；
字号：500；
}
.box输入[type=“text”]，
.box输入[type=“password”]。box输入[type=“email”]{
边界：0；
背景：无；
显示：块；
保证金：20px自动；
文本对齐：居中；
边框：2倍实心#3498db；
填充：14px 10px；
宽度：200px；
大纲：无；
颜色：白色；
边界半径：24px；
过渡：0.25s；
}
.box输入[type=“text”]：焦点，
.box输入[type=“password”]：焦点。box输入[type=“email”]：焦点{
宽度：280px；
边框颜色：#2ecc71；
}
.box输入[type=“submit”]{
边界：0；
背景：无；
显示：块；
保证金：20px自动；
文本对齐：居中；
边框：2px实心#2ec71；
填充：14px 40px；
大纲：无；
颜色：白色；
边界半径：24px；
过渡：0.25s；
光标：指针；
}
.box输入[type=“submit”]：悬停{
背景：#2ecc71；
}

登录