【问题标题】:Extra space when using asp.net form tag使用 asp.net 表单标签时的额外空间
【发布时间】:2015-10-29 19:57:08
【问题描述】:

我正在尝试在我的 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。
  • 表单标签内没有代码。示例中的所有代码都在表单标记之前和之外。

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

【问题讨论】:

    标签: html css asp.net


    【解决方案1】:

    尝试给表单这个 CSS:

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

    【讨论】:

    • 感谢尝试过,但它仍然显示与上述相同的空间。
    【解决方案2】:

    我遇到了完全相同的问题,这对我有用:

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

    在 Chrome、FF 和 IE 上测试,似乎可以解决问题。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-06-23
      • 1970-01-01
      • 2012-02-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-12-05
      • 1970-01-01
      相关资源
      最近更新 更多