为什么将这个html放在表单标签中会改变布局？

Question

我正在使用这个免费的Web模板 - EliteCircle,并将其整合到母版页中.母版页将html包装在:

<form id="form1" runat="server">
 //master page html
</form>

除了整个页面被思考白色边框(表单的默认CSS行为？)包围,并且页脚背景在底部是半白色之外,模板几乎都很好.

我不希望id = form1的表单改变布局中的任何内容.[CSS] [2]中没有任何内容具有该ID.

当我从母版页中删除表单标签(只是为了检查)时,布局是完美的,没有问题.

有任何想法吗？

(使用Visual Web Developer 2008 Express)

谢谢,格雷格

The CSS: http://www.styleshout.com/templates/preview/EliteCircle12/images/EliteCircle.css

Answer 1

你看过了吗？

/* form elements */
form {
    margin: 15px;
    padding: 15px 5px;
    border: 1px solid #EFEFEF; 
    background: #F8F8F8;    
}

在CSS文件中声明？这可能只是解释了厚厚的白色边框和你提到的其他东西:)

将该声明更改为form.myForm(并更改所有需要它的表单),或者重新级联页面上的form1 id或内部标记以覆盖这些设置.