谷歌瀏覽器出現奇怪的邊距（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）

回答

相關問題