Html 如何将两个按钮与各自的表单输入对齐？

试图找出如何将一些按钮与一些输入字段对齐，这非常棘手。我想不出来

我在网上发现了很多东西：

我知道我会有很多缺点，但我就是想不起来，我需要帮助

我花了整整一天的时间修改值，我对如何在CSS中定位东西一无所知。我不明白

.大盒子{ 位置：绝对位置； 宽度：60%； 最高：40%； 左：50%； 文本对齐：左对齐； 转化：转化-50%，-50%； 文本对齐：居中； } .箱头{ 宽度：100%； 显示：网格； 边框底部：6px实心红色； 边缘底部：50px； 边缘顶端：40px； 文本对齐：居中； } .文本框{ 显示：块； 浮动：左； 宽度：75%； 溢出：隐藏； 字体大小：20px； 填充：5px0； 利润率：10px0； 边框底部：1px纯红； } .文本框输入{ 边界：无； 大纲：无； 背景：无； 颜色：白色； 字号：18px； 宽度：97%； 浮动：左； 保证金：5px 5px； } 钮扣{ 显示：网格； 宽度：25%； 背景：无； 边框：2倍纯红； 颜色：白色； 填充物：5px； 字号：18px； 光标：指针； } 配置页

---

您必须做一些更改，必须在div类“textbox”中插入输入按钮并添加display:flex，然后将css从按钮调整为内联块并向右浮动。 就像这样：

.大盒子{ 位置：绝对位置； 宽度：60%； 最高：40%； 左：50%； 文本对齐：左对齐； 转化：转化-50%，-50%； 文本对齐：居中； } .box head{ 宽度：100%； 显示：网格； 边框底部：6px实心红色； 边缘底部：50px； 边缘顶端：40px； 文本对齐：居中； } .文本框{ 显示器：flex； 浮动：左； 宽度：75%； 溢出：隐藏； 字体大小：20px； 填充：5px0； 利润率：10px0； 边框底部：1px纯红； } .文本框输入{ 边界：无； 大纲：无； 背景：无； 颜色：白色； 字号：18px； 宽度：97%； 保证金：5px 5px； } 钮扣{ 显示：内联块； 浮动：对； 宽度：25%； 背景：无； 边框：2倍纯红； 颜色：白色； 填充物：5px； 字号：18px； 光标：指针； } 配置页

---

您必须做一些更改，必须在div类“textbox”中插入输入按钮并添加display:flex，然后将css从按钮调整为内联块并向右浮动。 就像这样：

.大盒子{ 位置：绝对位置； 宽度：60%； 最高：40%； 左：50%； 文本对齐：左对齐； 转化：转化-50%，-50%； 文本对齐：居中； } .box head{ 宽度：100%； 显示：网格； 边框底部：6px实心红色； 边缘底部：50px； 边缘顶端：40px； 文本对齐：居中； } .文本框{ 显示器：flex； 浮动：左； 宽度：75%； 溢出：隐藏； 字体大小：20px； 填充：5px0； 利润率：10px0； 边框底部：1px纯红； } .文本框输入{ 边界：无； 大纲：无； 背景：无； 颜色：白色； 字号：18px； 宽度：97%； 保证金：5px 5px； } 钮扣{ 显示：内联块； 浮动：对； 宽度：25%； 背景：无； 边框：2倍纯红； 颜色：白色； 填充物：5px； 字号：18px； 光标：指针； } 配置页

---

这不是我真正想要的。我希望按钮位于输入旁边，而不是内部。这就是我得到的：。您可以看到按钮位于边框底部上方：1px纯红；文本框的。我希望他们在他们旁边，在右边，而不是在上面。非常感谢。添加显示：内联块；浮动：对；按钮的位置不会改变。所以我不认为这是我要找的。我已经修改了。文本框的边框：。您可以清楚地看到按钮在.textbox中。我希望他们离开，站在他们的右边。我已经按照我想要的方式工作了。我已经编辑了我原来的帖子，你看看吧！非常感谢。抱歉@bleah1我刚刚读了你的评论，但我看到你做得很好！这不是我真正想要的。我希望按钮位于输入旁边，而不是内部。这就是我得到的：。您可以看到按钮位于边框底部上方：1px纯红；文本框的。我希望他们在他们旁边，在右边，而不是在上面。非常感谢。添加显示：内联块；浮动：对；

---

按钮的位置不会改变。所以我不认为这是我要找的。我已经修改了。文本框的边框：。您可以清楚地看到按钮在.textbox中。我希望他们离开，站在他们的右边。我已经按照我想要的方式工作了。我已经编辑了我原来的帖子，你看看吧！非常感谢。抱歉@bleah1我刚刚读了你的评论，但我看到你做得很好！