如何对齐两个表单提交答案

【问题标题】：How to align two form submits如何对齐两个表单提交
【发布时间】：2010-01-16 14:05:29
【问题描述】：

我有一个页面底部有两个提交按钮。一个用于提交发布到操作的页面，另一个用于取消发布到不同操作的页面。无论出于何种原因，IE 都无法将这两个按钮并排放置。 Firefox 没有问题。

这是我的脚本：

<div class="button_row">
   using (Html.BeginForm("Edit", "Design"))
   { %> 
   <div class="button_cell_left">
      <input type="submit" value="Update" /> 
   </div>
   <% } %>
   <% Html.EndForm(); %> 

   using (Html.BeginForm("Review", "Design"))
   { %> 
   <div class="button_cell_right">
       <input type="submit" value="Cancel"/>
  </div> 
  <% } %> 
  <% Html.EndForm(); %>

这是这些类的 css：

.button_row { float:left; width: 100%; }
.button_cell_left {float:left; width: 20%; }
.button_cell_right {float:left; width: 20%;  }

20% 的宽度对于这些按钮来说是足够的空间。就像我在 ie 中所说的那样，他们不会留在同一条线上，但在 Firefox 中他们会。我的问题是为什么给出我的代码？

提前致谢，比利

【问题讨论】：

标签： forms formatting css

【解决方案1】：

您还需要浮动它们所包裹的表单，IE 没有正确实现浮动，因此如果您希望在同一行上有 2 个浮动，它们必须都是浮动的。这个问题昨天也让我很烦

新的 CSS：

.button_row { float:left; width: 100%; }
.button_row form {float:left; width: 20%; }

【讨论】：

【解决方案2】：

以像素为单位设置宽度，而不是 %。 IE 有时会遇到 % 问题。

【讨论】：

【解决方案3】：

您的第一个输入缺少自动关闭的斜线。

【讨论】：

BM 我也一样，但最好消除显而易见的东西。
只是这个网站上的一个错字，而我正试图更好地格式化一些东西。会解决，但不是问题。