谷歌Chrome(HTML)的奇怪边距

谷歌Chrome(HTML)的奇怪边距,html,css,google-chrome,Html,Css,Google Chrome,我正在创建一个网站(HTML、CSS、PHP),但我遇到了一个问题,只有谷歌Chrome才会出现奇怪的空白,Firefox或IE也能正常工作。即使我删除了样式表,仍然会出现这种奇怪的空白。 如何删除它 这是我的密码: <html> <head> <meta charset="utf-8" /> <!-- <link rel="stylesheet" href="./css/style.css" /> -

我正在创建一个网站(HTML、CSS、PHP),但我遇到了一个问题,只有谷歌Chrome才会出现奇怪的空白,Firefox或IE也能正常工作。即使我删除了样式表,仍然会出现这种奇怪的空白。 如何删除它

这是我的密码:

<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>

我的网站
下面是谷歌Chrome在我检查元素时显示的内容:

看看这张照片

空行导致了这些边距,但我不知道它们在这里起什么作用。

试试这个:

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


之间的空格真的很奇怪。。。也许这是一个编码问题。请使用记事本++打开php文件,并在“格式”菜单中选择“在不带BOM的utf-8中编码”

删除所有witespace,以便将所有代码写在一行中,保存并刷新。之后,您可以再次使用新的线条和空格使其看起来漂亮、干净。有时,这可能是因为复制粘贴,并且标记中存在不可见的符号,从而导致出现问题
/php/header.php
?:)仅此而已:它不起作用,但Chrome现在只显示“”而不是那些“@Claymeuns。在页面中添加
reset.css
也是一个很好的做法。它删除每个浏览器特定的样式并将它们统一起来。我认为最受欢迎的是Eric Mayer的一个:这很奇怪,即使我用reset.CSS替换我的CSS,仍然有这些边距。你是对的!:)我用UTF-8编码文件,但我仍然不知道为什么会这样,因为我总是用UTF-8编码文件。