谷歌浏览器的奇怪边距(HTML)

时间:2014-04-26 08:26:23

标签: html css google-chrome

我正在创建一个网站(HTML,CSS,PHP),并且我只有谷歌浏览器出现了一个奇怪的边缘问题,它可以在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>

以下是Google Chrome在检查元素时向我显示的内容:

看看这张照片 enter image description here

空白行正在造成这些利润,但我不知道他们在这里做了什么。

2 个答案:

答案 0 :(得分:1)

真的很奇怪......也许这是一个编码问题。请用notepad ++打开你的php文件,在格式菜单中选择 utf-8无编号的编码。

答案 1 :(得分:0)

试试这个:

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

<?php代码和<body>代码之间的空白区域是可见的,可以添加额外的边距。