使用asp.net表单标签时有额外的空间

Question

我试图在我的asp.net页面中使用以下示例：

https://googlesamples.github.io/web-fundamentals/samples/layouts/navigation-patterns/appbar-navdrawer-bottombar-sample.html#

一切都很好，除了打开链接时页面顶部有空白区域。您可以在下面的红色中看到我所指的区域：

如果我删除了表单标记：

<form id="form1" runat="server">
</form>

然后就可以了：

有谁知道为什么要创造额外的空间以及如何摆脱它？我尝试添加margin-top：0如下（也尝试了margin-bottom）：

<form id="form1" runat="server" style="margin-top:0;"></form>

这没有用。两个注意事项：

• 用于测试的浏览器：Chrome。
• 表单标记内没有代码。样本中的所有代码都在表单标记之前和之外。

任何帮助将不胜感激。感谢。

Answer 1

尝试提供此CSS的表单：

margin:0;
padding:0;
display:inline;

Answer 2

我有完全相同的问题，这对我有用：

html, body, form {
    padding: 0px;
    margin: 0px;
}

在Chrome，FF＆amp; IE和似乎做的伎俩。