Question

这让我很难过。

应用程序布局：

<html>
  <head>
    ...
  </head>
  <body topmargin="0"><%= yield %></body>
</html>

主页：

<div id="content">...</div>

然而，在呈现的页面中，在所有浏览器中，都有一行预格式化的空格，将内容从窗口顶部推出。

WHITESPACE! Y U NO GO AWAY?

这是从哪里来的？

解决

无效的HTML标记（直接在li内div）导致所有浏览器在顶部添加间隙。奇怪！

Answer 1

你必须在某个地方有一个打开的html标签，只需通过验证器运行你的html，看看它是否有任何捕获。

Answer 2

更正您的标签：

<%= yield %>

Answer 3

我认为你看错了布局，因为你有

<body><%= yield %><body>

但是在截图中你有

<body topmargin="0">

Answer 4

我有这个问题，它让我困扰了几个小时。我最终注意到导致问题的页面的文件类型为“UTF-8 Unicode（带BOM）”我刚刚将文件转换为删除它并且它运行良好。