Html 提交按钮不配合

我确信这完全是我的疏忽，但我想在输入框的右边有一个按钮，我的html是：

    <input type="text" name="q" id="search" />
    <input type="submit" name="submit" id="submit" value="Go!" />

开始！按钮正好位于提交框左侧的正下方，任何形式的边距调整都是徒劳的，因为它只是停留在那里。还尝试使位置绝对，按钮重叠

开始！按钮的位置不正确-它应该在我的输入框的右边，但它挂在它下面

如何将其直接定位到输入框右侧

谢谢你的帮助

编辑：

---

不确定这是否是你的问题所在，但似乎通过去掉

margin:130px auto-200px从
#提交
开始！按钮正确放置在搜索框的右侧

演示：

编辑

解决方案：

#主输入
属性覆盖了#提交属性-在这种情况下，边距就是成功的原因！按钮可能会移位。放置将取消覆盖，然后调整边距修复问题
 不确定这是否是您的问题所在，但似乎通过去掉
边距：130px auto auto 200px从
#提交
开始！按钮正确放置在搜索框的右侧

演示：

编辑

解决方案：

#主输入
属性覆盖了#提交属性-在这种情况下，边距就是成功的原因！按钮可能会移位。放置将取消覆盖，然后调整边距修复问题
 为什么绝对定位您的输入？下面是一个稍微精简的代码，它将把它们放在一起。
float:left
导致高度不一致，因为它导致两个元素不再在同一条“线”中

#main input {
   font-size: 18px;
   background: #fff;
   border: 3px;
   padding: 6px;
   z-index: 3;  
   }
#search {
   width: 550px;
}
#submit {
   width: 60px;
}
#submit::-moz-focus-inner {
    border: 0;
    padding: 0;
}

为什么绝对定位您的输入？下面是一个稍微精简的代码，它将把它们放在一起。
float:left
导致高度不一致，因为它导致两个元素不再在同一条“线”中

#main input {
   font-size: 18px;
   background: #fff;
   border: 3px;
   padding: 6px;
   z-index: 3;  
   }
#search {
   width: 550px;
}
#submit {
   width: 60px;
}
#submit::-moz-focus-inner {
    border: 0;
    padding: 0;
}

我想你想要的是把按钮放在文本框的右边，对吗？如果是这样，您需要将输入按钮和文本框也向左浮动

#textbox {
 float: left;
}


#submit {
  width: 60px;  
  float: left;

}

这对我来说总是有效的：）让我知道它是否有效
 我想你想要的是把按钮放在文本框的右边，对吗？如果是这样，您需要将输入按钮和文本框也向左浮动

#textbox {
 float: left;
}


#submit {
  width: 60px;  
  float: left;

}

这对我来说总是有效的：）让我知道它是否有效
 从你的描述中不清楚实际的问题是什么。对不起，开始吧！按钮的位置不正确-它应该在我的输入框的右侧，但它却挂在它的下方。看起来您已经得到了答案，但请注意，您在#主输入下拼错了“位置”-这可能也没什么帮助；）从你的描述中不清楚实际的问题是什么。对不起，开始吧！按钮的位置不正确-它应该在我的输入框的右侧，但它却挂在它的下方。看起来您已经得到了答案，但请注意，您在#主输入下拼错了“位置”-这可能也没什么帮助；）嗯，即使去掉边距也会使按钮保持在同一位置=/您还应该删除浮动：左起搜索。这将有助于更好地将文本栏居中，我不确定您是否真的需要它。嗯，仍然挂在输入栏下方-使用我的其他样式进行编辑。@Sapp-您可以设置一个JSFIDLE以便我们可以看到您的问题在起作用吗？愚蠢的我-我忘了删除#主输入上的边距，所以现在开始！盒子正确地在右边。但是，有没有办法将输入框和提交框向下和向右移动？如果我给#main输入加了一个边距，它们会再次对齐错误。嗯，即使去掉边距，按钮仍会保持在同一位置=/你也应该删除float:left from#search。这将有助于更好地将文本栏居中，我不确定您是否真的需要它。嗯，仍然挂在输入栏下方-使用我的其他样式进行编辑。@Sapp-您可以设置一个JSFIDLE以便我们可以看到您的问题在起作用吗？愚蠢的我-我忘了删除#主输入上的边距，所以现在开始！盒子正确地在右边。但是，有没有办法将输入框和提交框向下和向右移动？如果我甚至给#主输入留一个空白，它们会再次对齐。嗯，仍然挂在输入栏下方-使用我的其他样式编辑。嗯，仍然挂在输入栏下方-使用我的其他样式编辑。