CSS：为什么我的表单提交按钮在新行上？答案

【问题标题】：CSS: Why is my form submit button on a new line?CSS：为什么我的表单提交按钮在新行上？
【发布时间】：2010-12-12 12:06:32
【问题描述】：

为什么 Internet Explorer 将我的“查找列表”提交按钮放在新行上，而 Firefox 和 Chrome 将提交按钮与输入字段保持水平内联（这是所需的结果）？

我希望 Internet Explorer 的行为与 Firefox 和 Chrome 相同，因为它将“查找列表”提交按钮与输入字段水平内联。

我认为这是一个 CSS 问题。任何帮助，将不胜感激。谢谢

【问题讨论】：

【解决方案1】：

尝试在该按钮上设置宽度，使文本框 + 按钮 + 填充

【讨论】：

【解决方案2】：

从两者来看，IE 中的按钮比 Firefox 中的要宽得多。我猜它太宽了，无法容纳 IE 上的可用空间，并且正在移动到下一个“行”。尝试将按钮上的填充减少到 0，看看会发生什么；此外，您可以将表单放在明确大小的 div 中以强制提供足够的空间。

【讨论】：

【解决方案3】：

我想通了。我的 FORM 宽度不够宽

【讨论】：