$（「主體」）。偏移（）。頂部總是返回8即使在頁面

我的印象是，$('body').offset().top應返回0上沒有別的，但顯然它不斷返回8。我從我的網頁中刪除了所有不必要的代碼，它仍然返回8。

以下是我有：

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
     <meta charset="utf-8" /> 
     <title></title> 
    </head> 
    <body> 
     <script> 
      $(document).ready(function() { 
       console.log($('body').offset().top); 
      }) 
     </script> 
    </body> 
</html>

這是字面上的在我的代碼的一切。這裏是JSFiddle：http://jsfiddle.net/Lspkx2su/

來源

2014-08-29 user3962561

身體的邊距默認爲8，嘗試將其設置爲0或使用css重置。 – 2014-08-29 07:13:34

重置的替代方法是normalize.css，它保留了有用的設置並使其在不同瀏覽器中保持一致。這有點偏離主題，但值得注意的是：http://necolas.github.io/normalize.css/ – 2014-08-29 07:22:43

默認的CSS。插入此：

<style> 
    html, body { margin: 0 } 
</style>

並再試一次。

來源

2014-08-29 07:13:30 Amadan

默認情況下，body標籤的樣式會佔用網頁中的空間。

試試這個代碼，你就會明白 -

的HTML

<body> 
<div class="wrapper"> 
Hello World 
</div> 
</body>

下面CSS

.wrapper{ 
border: 1px solid red; 
}

當你運行上面的代碼，你會看到你的「你好世界「會顯示一個小的偏移量。這是HTML/CSS中的默認值。

但是，@amadan是絕對正確的。您應該始終使用以下內容來啓動您的網頁CSS。不會發生抵消問題。

body{ 
    margin:0;padding:0; 
    /* considering your outermost div to be the wrapper of your whole page */ 
}

來源

2014-08-29 08:22:09 A100WebSolutions

$（「主體」）。偏移（）。頂部總是返回8即使在頁面

回答

相關問題