怎么去掉form的高度(form不会撑出td)

花园里的花真多啊,多的就像天上的星星,密密麻麻;花园里的花真彩啊,一枝枝花朵五彩斑斓,向天边的霞光,那么耀眼,像高空的彩虹那么绚烂;花园里的花真香啊,香的让你感觉到自己仿佛在画中游玩一样,这时有人拍我一下,我才知道自己在花园里游玩。
加上
复制代码
代码如下:

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

就ok了

2. 直接写如form中:


<form style='padding:0px;margin:0px;'>


我们在用Frontpage或Dreamweaver做网页时,当要插入表单于表格中时往往会出现表格的高度变大,并不是我们想要的效果,这类出问题出现的原因是<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>


问题是解决了,但同时也带来其它的问题.那就是当我们用MS的Webdesigner之类的工具再次打开这页面时,提示标签错误,这类软件要求<form>标签要放在<table>的外面...

放在外面就会出现高度增加的情况,反正IE和FF都能正常解释,所以不用管了,就放在里面好了.

不过,这不代表问题从根本上得到解决,毕竟这样的代码是通过不了验证的,也就是说不是符合标准的,当w3c不让我们用table来排版的时候,就需要用其它的方法.让我们来看看从根本上解决问题的方法:
复制代码
代码如下:

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

本文怎么去掉form的高度(form不会撑出td)到此结束。贫穷是一切艺术职业的母亲。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
CSS transform-origin属性的理解

浅谈CSS3中的变形功能-transform功能

CSS3中的transform属性进行2D和3D变换的基本用法

CSS3的常见transformation图形变化用法小结

深入剖析CSS变形transform(3d)