Html 如何在一个div中容纳三个元素？

输入框之间应该有很好的距离，搜索按钮应该在它们下面的同一个分区中。正如您所看到的，这些组件的放置完全混乱。你能告诉我怎么了吗

#A#u 1{
框大小：边框框；
颜色：rgb（55,160,0）；
浮动：对；
光标：指针；
显示：内联块；
高度：42px；
利润率：15px；
位置：相对位置；
文本对齐：居中；
文字装饰：无；
顶部：-1px；
右：5px；
触摸动作：操作；
垂直对齐：中间对齐；
空白：nowrap；
宽度：228.469px；
透视原点：114.234px 21px；
变换原点：114.234px 21px；
背景：rgb（255、255、255）无重复滚动0%0%/自动填充框边框框；
边框：2倍实心rgb（224224224224）；
边界半径：2px2px2px2px；
字体：15px Segoe用户界面，无衬线；
列表样式：无外无；
轮廓：rgb（55160,0）无0px；
填充：8px 38px；
}
#A_2{
利润率：15px；
框大小：边框框；
颜色：rgb（55,160,0）；
浮动：对；
光标：指针；
显示：内联块；
高度：42px；
位置：相对位置；
文本对齐：居中；
文字装饰：无；
顶部：-1px；
右侧填充：5px；
填充：10px；
右边距：5px；
触摸动作：操作；
垂直对齐：中间对齐；
空白：nowrap；
宽度：228.469px；
透视原点：114.234px 21px；
变换原点：114.234px 21px；
背景：rgb（255、255、255）无重复滚动0%0%/自动填充框边框框；
边框：2倍实心rgb（224224224224）；
边界半径：2px2px2px2px；
字体：15px Segoe用户界面，无衬线；
列表样式：无外无；
轮廓：rgb（55160,0）无0px；
填充：8px 38px；
}
#头衔{
边界半径：2px2px2px2px；
字体：40px Segoe用户界面，无衬线；
填充：8px 38px；
颜色：rgb（55,160,0）；
}
.标签{
显示：内联块；
浮动：中心；
位置：绝对位置；
左：500px；
顶部：400px；
z指数：1000；
背景色：#9dca70；
填充：10px；
利润率：10px；
颜色：#FFFFFF；
字体大小：粗体；
}
#输入_1{
利润率：10px；
显示：内联块；
颜色：rgb（73,73,73）；
高度：40px；
宽度：285px；
透视原点：142.5px20px；
变换原点：142.5px20px；
边框：1px实心rgb（224224224224）；
边界半径：1px 1px 1px 1px；
字体：15px Segoe用户界面，无衬线；
大纲：rgb（73,73,73）无0px；
填充：0px 10px 0px 10px；
}
#输入1：焦点{
边框颜色：#9ecaed；
盒影：0 0 30px#cc2631；
}
#输入_2{
利润率：10px；
显示：内联块；
颜色：rgb（73,73,73）；
高度：40px；
宽度：285px；
透视原点：142.5px20px；
变换原点：142.5px20px；
边框：1px实心rgb（224224224224）；
边界半径：1px 1px 1px 1px；
字体：15px Segoe用户界面，无衬线；
大纲：rgb（73,73,73）无0px；
填充：0px 10px 0px 10px；
}
#输入2：焦点{
边框颜色：#9ecaed；
盒影：0 0 30px#cc2631；
}
#A_7{
页边顶部：165px；
框大小：边框框；
颜色：rgb（255、255、255）；
光标：指针；
显示：块；
高度：40px；
文本对齐：居中；
文字装饰：无；
触摸动作：操作；
垂直对齐：中间对齐；
空白：nowrap；
宽度：161.438px；
透视原点：80.7188px 20px；
变换原点：80.7188px 20px；
背景：rgb（55160,0）无重复滚动0%0%/自动填充框边框框；
边框：1px实心rgb（55160,0）；
边界半径：2px2px2px2px；
字体：普通600普通14px/20px高谭；
利润率：150px442px0px；
轮廓：rgb（255、255、255）无0px；
填充：9px 39px；
}
/*#A_1*/

租笛鲷
搜寻

您在这里有很多事情要做，因此请查看此小提琴以查看所有更改：

重要的是：

删除所有内联样式标记并通过CSS应用样式

我将输入包围在自己的父容器中，并将按钮包围在自己的父容器中

输入位于

display:flex

容器中，它们具有属性

flex grow:1

，因此它们占用的空间量相同

我在任何地方删除了您的

显示：内联块

删除了你非常大的边距

删除了按钮结束标记内的样式属性（不允许）

如果您有任何问题，请发表评论。这将适用于更大的屏幕尺寸，我不想弄乱您拥有的大量样式