Forms 如何对齐两个表单提交

Forms 如何对齐两个表单提交,forms,formatting,css,Forms,Formatting,Css,我有一个页面,页面底部有两个提交按钮。一个用于提交发布到某个操作的页面,另一个用于取消发布到其他操作的页面。无论出于什么原因,IE都无法将这两个按钮并排放置。Firefox没有问题 这是我的剧本: <div class="button_row"> using (Html.BeginForm("Edit", "Design")) { %> <div class="button_cell_left"> <input type="su

我有一个页面,页面底部有两个提交按钮。一个用于提交发布到某个操作的页面,另一个用于取消发布到其他操作的页面。无论出于什么原因,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(); %>
20%的宽度为这些按钮提供了足够的空间。就像我在ie中说的,他们不会保持一致,但在firefox中他们会。我的问题是为什么给出我的代码

提前感谢,,
比利

以像素为单位设置宽度,而不是百分比。IE有时会遇到%的问题。

您还需要浮动它们所包装的表单,IE没有正确实现浮动,因此如果您希望在同一行上有两个浮动,它们必须同时浮动。这个问题昨天也让我很恼火

新CSS:

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

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

BM我也是,但最好是消除明显的错误。只是在我尝试将内容格式化得更好时,在这个网站上输入了一个错误。会解决问题,但不会解决问题。
.button_row { float:left; width: 100%; }
.button_row form {float:left; width: 20%; }