html - 在 Firefox 中为我的网站生成的额外高度

Question

Firefox 在我网站末尾的页脚下方生成了一些额外的 250 像素，我还没有找到发生这种情况的原因。

附言。它在其他浏览器上运行良好，问题仅出在 firefox 上。

我正在处理的站点是 http://www.ryansammut.com/orijen/

Answer 1

使用 W3C Validator 验证您的代码.

您有很多错误 - 一旦您修复了这些错误，您可能会发现您的网站可以按预期运行。如果没有，请再喊一声，我们会进一步调查。

---- 编辑----

问题是您在其中一行中使用了 position: absolute 和 -220px 的负边距。由于它嵌套在多个 div 中，我猜它混淆了浏览器。

您可以使用以下方法解决问题:

添加

float: left; 

到 div #line1 和 #line 2。不要忘记在使用之后清除你的 div

clear: both;

您还必须重新放置行的顶部位置。

如果您需要更多帮助或这不能解决您的问题，请在下方发表评论。