html - 为什么将这个 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 或内部标记以覆盖这些设置。