浮动表格彼此相邻答案

【问题标题】：Floating forms next to each other浮动表格彼此相邻
【发布时间】：2013-04-02 14:03:03
【问题描述】：

我正在尝试将我的 2 个表单彼此相邻浮动。现在在结果中，他将这两者放在一起。

这是我的代码：

<id ='AvailabilityFormAM'><form action='availability.jsp' name='availForm_AM'  method='post'>

<table class='TableBorder'><tr class='TableHeading'><td colspan='2'>New activity AM</td></tr>
<tr class='TableData2'><td align='left'>Description:</td>
<td align='left'><input style='width:150px' type='text' name='description' value='Informatica' /></td></tr>

<tr class='TableData2'><td colspan='2'>
<input class='SolidButton' type='button' value='Delete' onclick='javascript:deleteSLine("AM");'/></td></tr></table></form></div>





<id ='AvailabilityFormPM'><form action='availability.jsp' name='availForm_PM' method='post'>

<table class='TableBorder'><tr class='TableHeading'><td colspan='2'>New activity PM</td></tr>
<tr class='TableData2'><td align='left'>Description:</td>
<td align='left'><input style='width:150px' type='text' name='description' value='Inbev' /></td></tr>

<tr class='TableData2'><td colspan='2'>
<input class='SolidButton' type='button' value='Update' onclick='javascript:updateSLine("PM");'/></td></tr></table></form></div>

CSS：

#AvailabilityFormAM {
float: left;
width:200px;
}


#AvailabilityFormPM {
float: left; 
margin-left:200px;
}

【问题讨论】：

标签： java css forms floating

【解决方案1】：

您的两个元素的名称有错误：

<id ='AvailabilityFormAM'>

没有元素“id”，可能只是你的属性潜伏在那里。

我猜你正在寻找一个分隔线，像这样：

<div id ='AvailabilityFormAM'>

和

我个人会将第二个 CSS 规则更改为：

#AvailabilityFormAM, #AvailabilityFormPM {
float: left; 
width: 200px;
}

【讨论】：

谢谢！完美运行 :) 愚蠢的错误！

【解决方案2】：

您使用的 id 错误，您的表单的 html 应该如下所示：

<form id ='AvailabilityFormAM' action='availability.jsp' name='availForm_AM'  method='post'>

还有这个：

<form id ='AvailabilityFormPM' action='availability.jsp' name='availForm_PM' method='post'>

也不确定你是否需要这么大的利润。

【讨论】：