Html 在搜索表单的某些浏览器上，搜索按钮被推到新行

尤其是在手机和平板电脑上，左上角的蓝色搜索图标没有对齐，这是一个问题。我不知道如何解决这个问题

屏幕截图

现场：

---

（在平板电脑或手机上查看，在桌面上工作）

在main-rollup.css中，将css类从

.globalsearch input.textbox {
   height: 22px;
   width: 218px;
   border: none;
   font-size: 13px;
}

至

.globalsearch input.textbox {
   height: 22px;
   width: 212px;
   border: none;
   font-size: 13px;
}

请注意文本框的缩短宽度。我相信在某些浏览器上，它将搜索按钮推到了一个新的位置

或者，您可以这样放置按钮：

• 在表单上设置“位置：相对”css
• 在搜索按钮上设置“位置：绝对；右侧：0px；顶部：0px；”
• 调整搜索按钮的“右”和“顶”css，直到它位于正确的位置

---

在main-rollup.css中，将css类从

.globalsearch input.textbox {
   height: 22px;
   width: 218px;
   border: none;
   font-size: 13px;
}

至

.globalsearch input.textbox {
   height: 22px;
   width: 212px;
   border: none;
   font-size: 13px;
}

请注意文本框的缩短宽度。我相信在某些浏览器上，它将搜索按钮推到了一个新的位置

或者，您可以这样放置按钮：

• 在表单上设置“位置：相对”css
• 在搜索按钮上设置“位置：绝对；右侧：0px；顶部：0px；”
• 调整搜索按钮的“右”和“顶”css，直到它位于正确的位置

---

您能给出示例代码吗？您尝试了什么？OP：标题的CSS是什么？请更改您的问题标题以反映您遇到的代码问题。互联网以神秘的方式工作。请阅读您能给出示例代码吗，您尝试了什么？OP：标题的CSS是什么？请更改您问题的标题，以反映您遇到的代码问题。互联网以神秘的方式工作。请阅读Thank you@Brian Webster that worked！谢谢你，布莱恩·韦伯斯特，一切顺利！