谷歌浏览器出现奇怪的边距（HTML）

我正在制作一个网站（HTML，CSS，PHP），而且我遇到了一个奇怪的边距问题，只出现在Google Chrome浏览器中，它可以在Firefox或IE中正常工作。即使我删除了我的样式表，仍然有这种奇怪的边距。如何移除它？谷歌浏览器出现奇怪的边距（HTML）

这里是我的代码：

<html> 
    <head> 
     <meta charset="utf-8" /> 
     <!-- <link rel="stylesheet" href="./css/style.css" /> --> 
     <link href='http://fonts.googleapis.com/css?family=Fresca|Dosis:200,300,400,500,600,700,800|Cabin+Condensed:400,600,700' rel='stylesheet' type='text/css'> 
     <title>My Site</title> 
    </head> 

    <body> 
     <?php include("./php/header.php"); ?> 
     <?php include("./php/profile.php"); ?> 
    </body> 
</html>

而且这里是谷歌浏览器显示我，当我检查元素：

看一看这个PIC enter image description here

空白行导致这些利润率，但我不知道他们在这里做什么。

来源

2014-04-26 Claymeuns

删除所有witespace，以便您的代码被写入一行，保存并刷新。之后你可以再次用新的线条和空格让它看起来很漂亮干净。有时这可能会导致复制粘贴，并且在您的标记中有隐形标记，导致问题 – caramba

“.php/header.php”中有什么？ :) – m93a

只有这个：http://pastebin.com/UQmhvQxP – Claymeuns

真的很奇怪......也许这是一个编码问题。请用记事本++打开你的php文件，然后在格式菜单中选择编码utf-8没有BOM。

来源

2014-04-26 08:51:11

你是对的！ :)我用UTF-8编码文件，但我仍然不知道为什么发生，因为我总是用UTF-8编码文件。 – Claymeuns

我不知道。但我很乐意解决你的问题。 –

试试这个：

<body><?php 
    include("./php/header.php"); 
    include("./php/profile.php"); ?></body>

<?php标签和<body>标签之间的空格是可见的，并可以添加额外的保证金。

来源

2014-04-26 08:33:02 kulak

它没有工作，但铬现在只显示“”，而不是那些“” – Claymeuns

@Claymeuns这也是一个很好的做法，添加一个'reset.css'到你的页面。它删除每个浏览器特定的样式并将其统一。我认为最流行的是Eric Mayer的一个： http://meyerweb.com/eric/tools/css/reset/ – kulak

这很奇怪，即使我用这个reset.css替换我的CSS，仍然有那些利润率。 – Claymeuns

谷歌浏览器出现奇怪的边距（HTML）

回答

相关问题