无法让 <button> 位于文本框的右侧

【问题标题】：Can't get <button> to be to the right of textbox无法让 <button> 位于文本框的右侧
【发布时间】：2009-09-04 03:07:36
【问题描述】：

我试图让按钮显示在文本框的右侧，但它在 IE7 中显示在底部。

<div style="margin-top: 12px; border: 1px red solid" >
          <asp:TextBox ID="txtSearh" name="txtSearch" runat="server" ></asp:TextBox>&nbsp;
          <button id="Search" accesskey="s" type="submit" runat="server" onserverclick="Search_Click" style="display: inline;float: left">
            <span><u>S</u>earch</span></button>
        </div>

【问题讨论】：

代码在哪里？这还远远不够。
您拥有文本框、按钮和 div 包装器。你需要什么代码？
查看answer，希望对某人有所帮助

标签： asp.net html css

【解决方案1】：

从您的<button> 中删除此样式属性：

style="display: inline;float: left"

默认情况下，<button> 是一个内联元素，因此您不需要 display:inline，而 float:left 是使按钮换行到下一行的原因。

【讨论】：

如果它仍然包裹，则意味着没有足够的容器宽度可用于在文本框旁边显示按钮。使其更宽或使文本框和/或按钮更小。
我在最后一分钟添加了浮动，因为我没有看到变化，所以我离开了它。罪魁祸首是一个css文件，它改变了按钮元素的行为，加上一个缺少的css文件来修复IE。 html 在 FF 中运行良好。我还以为是IE问题.problem。