Rails 在产量之上添加幻象空白

发布于 2024-12-03 20:07:25 字数 522 浏览 2 评论 0原文

这简直要了我的命。

应用程序布局:

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

主页:

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

然而,在所有浏览器中呈现的页面中,有一行预先格式化的空白将内容推离窗口顶部。

WHITESPACE! YU NO GO AWAY?

这是从哪里来的?

已解决

无效的 HTML 标记(li 直接位于 div 内)导致所有浏览器在顶部添加间隙。奇怪的!

This is killing me.

Application layout:

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

Home:

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

Yet in the rendered page, across all browsers, there's a line of preformatted whitespace that pushes the content off the top of the window.

WHITESPACE! Y U NO GO AWAY?

Where is this coming from?

Resolved

Invalid HTML markup (li directly within a div) caused all browsers to add a gap at the top. Strange!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

青巷忧颜 2024-12-10 20:07:25

您必须在某处有一个开放的 html 标签,只需通过验证器运行您的 html 并查看它是否捕获任何内容。

http://validator.w3.org/#validate_by_input

You must have an open html tag somewhere, just run your html through a validator and see if it catches any.

http://validator.w3.org/#validate_by_input

风苍溪 2024-12-10 20:07:25

更正您的标签:

<%= yield %>

Correct your tag:

<%= yield %>
番薯 2024-12-10 20:07:25

我认为您的布局错误,因为您有

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

,但在屏幕截图中您有

<body topmargin="0">

I thing you looking in wrong layout, because you have

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

but in the screenshot you have

<body topmargin="0">
书间行客 2024-12-10 20:07:25

我遇到了这个问题,它困扰了我几个小时。我最终注意到导致问题的页面的文件类型为“UTF-8 Unicode(带 BOM)”,我刚刚转换了文件以删除它,并且它工作得很好。

I had this problem and it stumped me for a few hours. I eventually noticed that the pages causing issues had a file type of "UTF-8 Unicode (with BOM)" I just converted the file to remove this and it worked perfectly.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文