第–页顶部有奇怪的空白 ；HTML、CSS和PHP

好吧，这是我遇到的一个奇怪的问题。我有两个页面，它们略有不同，但共享几个相同的元素（基本上是两个图像）

这些图像都是由相同的CSS样式表控制的，但是，它们在第二个页面上看起来都要低20-30像素

第二个页面的不同之处在于，它在Doctype声明之前使用PHP。然而，正如后面所说，我认为这不是问题所在

要查看此效果，请连续查看这两个页面：和

为了清楚起见，我已经研究了很多可能的答案。这似乎不是我的情况，因为我没有在这些页面上使用表

以下是我尝试过的：

• 检查代码中的空白。但是，如果您查看这两个页面的源代码，您会注意到第二个有问题的页面在其Doctype声明之前的顶部少了一行空白
• 从第二页删除PHP代码。这也没有任何效果
• 将结束PHP标记

  ？>

  和
  之间的表观空间减少为零。这再次没有任何效果
• 检查是否有问题。我使用vim完成了这项工作，结果证实没有使用BOM
• 检查我的CSS。我没有发现任何奇怪的地方，但我是CSS的新手，因此，这可能是问题所在，这里是指向我的样式表的链接：。（免责声明：我正在重写该页面，所以如果它看起来很奇怪，那就这样吧！）

此外，Safari的开发者检查工具清楚地显示，我的第二页上的

标记只从大约20像素开始

老实说，我完全迷路了。我希望有一个简单的解决办法，但我已经为此工作了几个小时，但没有任何效果

编辑：这是CSS，用于“标题”图像和“曲线”图像

#login_title { position:absolute; width:1000px; top:100px; }
#login_line { position:absolute; width:500px; top:330px; left:250px; }

---

一个主要区别是，第一页有标题动画

javascript

，它将标题移动到其最终位置。寄存器页没有这样的逻辑。

寄存器页上的H1有一个默认边距。有时，我不知道为什么，如果给第一个元素留一个边距，它会将其应用于父元素

通过将H1#register_标题的上边距设置为0，您应该可以解决问题

#register_title { margin-top: 0; }

请始终记住使用reset.css实现，或者记住元素在默认情况下是样式化的

编辑： 我想指出，这是一个问题，因为您之前的所有元素都是绝对定位的。你真的不应该像现在这样使用绝对定位。您应该使用边距顶部、填充顶部来移动页面中的元素。只有在没有其他定位元素的方法可用时，才应使用绝对定位。

在中，徽标（登录标题）的位置为绝对位置，但在另一页中为相对位置

当设置为“相对输入”时，将修复间隙

---

（顺便说一句，你用relative内联覆盖了它，所以“top:100”没有生效，就像它在另一页上一样）

是的，但是它没有移动它下面的“squiggly”行。@boopyman：当然，问题是页面顶部的空间：其他所有东西都在它下面。哦，我明白了。好吧，无论如何，结果证明这是一个奇怪的保证金问题！

之前的空格通常会强制使用怪癖模式，因此您的第二页（第一页没有空格）可能运行“正确”。在中添加空格时会发生什么情况？那么它的行为是否也一样？（注意：我现在在iPad上，所以调试很困难！）你的CSS在两个页面上都不一样，请检查我的答案。谢谢，非常好用。很奇怪！将在6分钟内接受；）请记住，如果使用相对定位，图元仍会占用与最初相同的空间。它只是在视觉上移动。没那么奇怪，盒子模型就是这样工作的：）（不过，你可以说盒子模型很奇怪）