Css 搜索表单将文本区域扩展到100%,并调整搜索按钮以显示在其旁边

Css 搜索表单将文本区域扩展到100%,并调整搜索按钮以显示在其旁边,css,Css,我想将搜索区域扩展到页面的全宽(100%),但仍保留搜索按钮。无论我如何调整浮动,当宽度为100%时,搜索按钮永远不会出现在输入文本字段旁边 搜索表 搜寻 几乎没有什么不同的方法标签,搜索和按钮都有自己的容器(divs) 在本例中,我又放置了一个div,这3个div的某种容器,对于display,使用table(对于容器)和table cell(对于这3个div) .container { 显示:表格; 宽度:100%; } .divLabel、.divSearch、#编辑操作 { 显示:

我想将搜索区域扩展到页面的全宽(100%),但仍保留搜索按钮。无论我如何调整浮动,当宽度为100%时,搜索按钮永远不会出现在输入文本字段旁边


搜索表
搜寻

几乎没有什么不同的方法<代码>标签,
搜索
按钮
都有自己的容器(
divs

在本例中,我又放置了一个
div
,这3个div的某种容器,对于
display
,使用
table
(对于容器)和
table cell
(对于这3个div)

.container
{
显示:表格;
宽度:100%;
}
.divLabel、.divSearch、#编辑操作
{
显示:表格单元格;
}
.divSearch{width:100%;左填充:3px;右填充:3px;}
#编辑搜索块表单--2{宽度:100%;框大小:边框框;}

搜索表
搜寻

效果很好!我不认为表格显示可以用于div。非常感谢@迈克尔,不客气
flex
也非常感兴趣,您可以在这里看到