Html 在chrome中选择高于文本框和按钮

在以下浏览器上，它可以正常工作：

• 狩猎
• Internet Explorer

但在谷歌浏览器上，

modeUser

高于

tbSearch

和

btnSearch

在下面的代码中，您可以看到

modeUser

高于Google Chrome上的

tbSearch

和

btnSearch

。我怎样才能修好它

---

以下是我的HTML和CSS代码：

表tr td{
边框：1px实心；
}
/*css搜索*/
.搜索栏{
浮动：对；
右边距：20px；
}
#调制解调器用户{
右边填充：6px；
高度：27px；
}
#btnSearch{
背景色：#267bcd；
颜色：白色；
边框：实心1px#267bcd；
}
.btn_w{
边界半径：3px；
字体大小：12px；
高度：25px；
边框：实心1px#bebe；
填充：0.9px；
}
#tbSearch{
宽度：98px；
}
选择：：-ms展开{
显示：无；
背景图片：url（数据：image/svg+xml；base64，phn2zybmawxspsdibgfjaycgagvpz2h0pscyncgcgdmld0jved0nmcawidi0idi0jyb3awr0ad0nmjqnihhtbg5zpsdodhrwoi8vd3lnczlm9yzy8ymdawl3n2zyc+phbhdggzd0nttcgmtbsnsa1dutinxonz48c0cgf0acbkpsdnmcawadi0sdb6jybmawxsd2j8j9mc+）；
}
选择，
姆桑萨法先生{
盒影：无；
大纲：无；
-webkit外观：无；
-moz外观：无；
背景：透明；
背景图片：url（数据：image/svg+xml；base64，phn2zybmawxspsdibgfjaycgagvpz2h0pscyncgcgdmld0jved0nmcawidi0idi0jyb3awr0ad0nmjqnihhtbg5zpsdodhrwoi8vd3lnczlm9yzy8ymdawl3n2zyc+phbhdggzd0nttcgmtbsnsa1dutinxonz48c0cgf0acbkpsdnmcawadi0sdb6jybmawxsd2j8j9mc+）；
背景重复：无重复；
背景位置x:44px；
背景位置y:-1px；
边框：实心1px#ccc；
宽度：66px；
}

이름
아이디

使用

位置：相对和
顶部：-1px到
输入（
#btnSearch，#tbSearch
）

在
@media
中仅将其设置为chrome
@media屏幕和（-webkit最小设备像素比：0）

화이팅!


表tr td{
边框：1px实心；
}
.搜索栏{
浮动：对；
右边距：20px；
}
#调制解调器用户{
右边填充：6px；
高度：27px；
}
#btnSearch{
背景色：#267bcd；
颜色：白色；
边框：实心1px#267bcd；
}
.btn_w{
边界半径：3px；
字体大小：12px；
高度：25px；
边框：实心1px#bebe；
填充：0.9px；
}
@媒体屏幕和（-webkit最小设备像素比：0）{
#btnSearch，
#tbSearch{
位置：相对位置；
顶部：-1px；
}
}
#tbSearch{
宽度：98px；
}
选择：：-ms展开{
显示：无；
背景图片：url（数据：image/svg+xml；base64，phn2zybmawxspsdibgfjaycgagvpz2h0pscyncgcgdmld0jved0nmcawidi0idi0jyb3awr0ad0nmjqnihhtbg5zpsdodhrwoi8vd3lnczlm9yzy8ymdawl3n2zyc+phbhdggzd0nttcgmtbsnsa1dutinxonz48c0cgf0acbkpsdnmcawadi0sdb6jybmawxsd2j8j9mc+）；
}
选择，
姆桑萨法先生{
盒影：无；
大纲：无；
-webkit外观：无；
-moz外观：无；
背景：透明；
背景图片：url（数据：image/svg+xml；base64，phn2zybmawxspsdibgfjaycgagvpz2h0pscyncgcgdmld0jved0nmcawidi0idi0jyb3awr0ad0nmjqnihhtbg5zpsdodhrwoi8vd3lnczlm9yzy8ymdawl3n2zyc+phbhdggzd0nttcgmtbsnsa1dutinxonz48c0cgf0acbkpsdnmcawadi0sdb6jybmawxsd2j8j9mc+）；
背景重复：无重复；
背景位置x:44px；
背景位置y:-1px；
边框：实心1px#ccc；
宽度：66px；
}

이름
아이디
使用
位置：相对和
顶部：-1px到
输入（
#btnSearch，#tbSearch
）

在
@media
中仅将其设置为chrome
@media屏幕和（-webkit最小设备像素比：0）

화이팅!


表tr td{
边框：1px实心；
}
.搜索栏{
浮动：对；
右边距：20px；
}
#调制解调器用户{
右边填充：6px；
高度：27px；
}
#btnSearch{
背景色：#267bcd；
颜色：白色；
边框：实心1px#267bcd；
}
.btn_w{
边界半径：3px；
字体大小：12px；
高度：25px；
边框：实心1px#bebe；
填充：0.9px；
}
@媒体屏幕和（-webkit最小设备像素比：0）{
#btnSearch，
#tbSearch{
位置：相对位置；
顶部：-1px；
}
}
#tbSearch{
宽度：98px；
}
选择：：-ms展开{
显示：无；
背景图片：url（数据：image/svg+xml；base64，phn2zybmawxspsdibgfjaycgagvpz2h0pscyncgcgdmld0jved0nmcawidi0idi0jyb3awr0ad0nmjqnihhtbg5zpsdodhrwoi8vd3lnczlm9yzy8ymdawl3n2zyc+phbhdggzd0nttcgmtbsnsa1dutinxonz48c0cgf0acbkpsdnmcawadi0sdb6jybmawxsd2j8j9mc+）；
}
选择，
姆桑萨法先生{
盒影：无；
大纲：无；
-webkit外观：无；
-moz外观：无；
背景：透明；
背景图片：url（数据：image/svg+xml；base64，phn2zybmawxspsdibgfjaycgagvpz2h0pscyncgcgdmld0jved0nmcawidi0idi0jyb3awr0ad0nmjqnihhtbg5zpsdodhrwoi8vd3lnczlm9yzy8ymdawl3n2zyc+phbhdggzd0nttcgmtbsnsa1dutinxonz48c0cgf0acbkpsdnmcawadi0sdb6jybmawxsd2j8j9mc+）；
背景重复：无重复；
背景位置x:44px；
背景位置y:-1px；
边框：实心1px#ccc；
宽度：66px；
}

이름
아이디
我认为这将帮助您：

将“display:flex”添加到“.searchBar”，并删除了height pro