手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >怎么去掉form的高度(form不会撑出td)
怎么去掉form的高度(form不会撑出td)
摘要:加上form{margin:0}就ok了2.直接写如form中:我们在用Frontpage或Dreamweaver做网页时,当要插入表单于表...

加上

<style>

form{margin: 0}

</style>

就ok了

2. 直接写如form中:

<form>

我们在用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)】相关文章:

用css3实现当鼠标移进去时当前亮其他变灰效果

利用CSS实现禁止双击选择页面内容的实例展示

解决中文版Chrome下网页不能显示小于12px字体

关于清除浮动塌陷的几种方法总结

CSS代码:自定义网页超链接下划线

针对主流浏览器的CSS-HACK写法及IE常用条件注释

纯CSS3实现带动画效果导航菜单无需js

CSS 文本渲染属性text-rendering的介绍和使用示例

CSS语法手册(六)分类属性

CSS选择符详解

精品推荐
分类导航