HTML样式跑样

[qishenghui]

<form id="frm" action="/personSave.htm" method="post">
<input name="action" value="$!action" type="hidden"/>
<input name="id" value="$!person.id" type="hidden"/>
<table width="50%" border="0" cellpadding="0" cellspacing="1" bgcolor="b5d6e6">
<tr>
<td bgcolor="#FFFFFF" colspan="4" height="30">
<!-- <span class="STYLE1"> <b>基本信息：</b></span>-->
<span class="STYLE1"><font color="#ff8000"><u><b>基本信息:</b></u></font></span>

</tr>
<tr>
<td width="5%" bgcolor="#FFFFFF">
<span class="STYLE1">入住人名：</span>
</td>
<td width="10%" height="40" bgcolor="#FFFFFF">
<input name="name" type="text" value="$!person.name" onfocus="this.select()" onmouseover="this.style.borderColor='#FF8C00'" onmouseout="this.style.borderColor=''" />
</td>
<td width="5%" bgcolor="#FFFFFF">
<span class="STYLE1">身份证号：</span>
</td>
<td width="10%" height="40" bgcolor="#FFFFFF">
<input name="IC_number" type="text" value="$!person.IC_number" onfocus="this.select()" onmouseover="this.style.borderColor='#FF8C00'" onmouseout="this.style.borderColor=''" />
</td>
</tr>
<tr>
<td width="5%" bgcolor="#FFFFFF">
<span class="STYLE1">性别：</span>
</td>
<td width="10%" height="40" bgcolor="#FFFFFF">
<input name="sex" type="text" value="$!person.sex" onfocus="this.select()" onmouseover="this.style.borderColor='#DAA520'" onmouseout="this.style.borderColor=''" />
</td>
<td width="5%" bgcolor="#FFFFFF">
<span class="STYLE1">地址：</span>
</td>
<td width="10%" height="40" bgcolor="#FFFFFF">
<input name="address" type="text" value="$!person.address" onfocus="this.select()" onmouseover="this.style.borderColor='#DAA520'" onmouseout="this.style.borderColor=''" />
</td>
</tr>
<!-- <tr> <td width="5%" bgcolor="#FFFFFF" >
<span class="STYLE1">备注：</span>
</td>
<td width="10%" height="40" bgcolor="#FFFFFF">
<input name="remarks" type="text" value="$!person.remarks" onfocus="this.select()" onmouseover="this.style.borderColor='#DAA520'" onmouseout="this.style.borderColor=''" />
</td>
</tr> -->
<tr>
<span class="STYLE1">备注：</span>
<textarea name="remarks" cosl="40" rows="3"></textarea>
</tr>

<div class="topTool">
<div class="left">
<input class="creatEstate" type="submit" value="保存" />
<input class="eidtEstate" type="button" value="取消" />
</div>
</div>
</table>

</form>


我明明是把“备注”以及“保存”按钮写在下方，可是为什么打开浏览器浏览时是显示在上方？见图，请各位大侠拔刀相助啊，

[kinghome]

你使用 float 浮动属性了吧

[Kospot]

table的最后一个tr里面少了td 然之后是table里面不要突然间就多出个<div>出来，要不table的结束标签提前 </tr> </table> <div class="topTool"> <div class="left"> <input class="creatEstate" type="submit" value="保存" /> <input class="eidtEstate" type="button" value="取消" /> </div> </div> 代码比较乱，推荐你看一下曹刘阳的《编写高质量代码》

[qishenghui]

引用 1 楼 kinghome 的回复:

你使用 float 浮动属性了吧

没有啊，代码都在这了。。

[qishenghui]

引用 2 楼 minghuajim 的回复:

table的最后一个tr里面少了td 然之后是table里面不要突然间就多出个<div>出来，要不table的结束标签提前 </tr> </table> <div class="topTool"> <div class="left"> <input class="creatEstate" type="submit" value="保存" /> <input class="eidtEstate" type="button" value="取消" /> </div> </div> 代码比较乱，推荐你看一下曹刘阳的《编写高质量代码》

谢谢你的提示，把td加上了，“备注”可以再table里了，但是“保存”这按钮还是在上方。不用<div>那用什么？求解,,,,

[Kospot]

你没把table的结束标签放到class为toptool上面来吧！