解決表單form高度問題

在製作表單時,當要插入表單于表格中時往往會出現表格的高度變大,並不是我們想要的效果,這類出問題出現的原因是<form>標籤出現在了<table>的前面,如下:
程式碼<form name="test" method="post">
<table>
<tr>
<td>
</td>
</tr>
</table>
</form>

解決的方法很簡單:即將<form>放在<table>與<tr>之間,如下:
程式碼<table>
<form name="test" method="post">
<tr>
<td>
</td>
</tr>
</form>
</table>

或者

<table>
<tr>
<form name="test" method="post">
<td>
</td>
</form>
</tr>
</table>

問題是解決了,但同時也帶來其他的問題.那就是當我們用MS的Webdesigner之類的工具再次打開這頁面時,提示標籤錯誤,這類軟體要求<form>標籤要放在<table>的外面...

放在外面就會出現高度增加的情況,反正IE和FF都能正常解釋,所以不用管了,就放在裏面好了.

不過,這不代表問題從根本上得到解決,畢竟這樣的代碼是通過不了驗證的,也就是說不是符合標準的,當w3c不讓我們用table來排版的時候,就需要用其他的方法.讓我們來看看從根本上解決問題的方法:

程式碼

<style>
   form{margin:0}
   </style>

==========================================
收錄自http://hi.baidu.com/yytao/blog/item/3ac6b1de570a2851cdbf1a06.html