Question

我在页面底部有一个带有两个提交按钮的页面。一个用于提交发布到操作的页面，另一个用于取消该帖子到另一个操作。无论出于何种原因，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％。就像我说的那样，他们不会停留在同一条线上但是在firefox中它们会。我的问题是为什么给我的代码？

提前致谢，比利

Answer 1

你需要浮动它们所包含的表单，IE不能正确实现浮动，所以如果你想要在同一行上有2个浮点数，它们都必须浮动。这个问题昨天也让我烦恼

新CSS：

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

Answer 2

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

Answer 3

你的第一个输入是缺少它的自动斜线。

如何对齐两个表单提交

3 个答案: