Javascript $（'；body'；）.offset（）。即使页面上没有其他内容，top也始终返回8_Javascript_Jquery_Offset

Javascript $（'；body'；）.offset（）。即使页面上没有其他内容，top也始终返回8

javascript jquery

Javascript $（'；body'；）.offset（）。即使页面上没有其他内容，top也始终返回8,javascript,jquery,offset,Javascript,Jquery,Offset,我的印象是$（'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>

我的印象是

$（'body'）.offset（）.top

应该返回

，但显然它一直返回

。我从我的网页中删除了所有不必要的代码，它仍然返回

以下是我所拥有的：

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


$（文档）.ready（函数（）{
log（$（'body'）.offset（）.top）；
})

这就是我代码中的所有内容。下面是JSFIDLE:

默认CSS。插入以下内容：

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


html，正文{margin:0}

然后重试。

默认CSS。插入以下内容：

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


html，正文{margin:0}

然后重试。

默认情况下，body标签的样式会占用网页中的空间

试试这段代码，你会明白的-

HTML

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

当您运行上面的代码时，您将看到“Hello World”显示有一个小的偏移量。这是HTML/CSS中的默认值

然而，@amadan是绝对正确的。您应该始终使用以下内容来启动您的网页CSS。不会发生偏移问题

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

默认情况下，body标记的样式会占用网页中的空间

试试这段代码，你会明白的-

HTML

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

当您运行上面的代码时，您将看到“Hello World”显示有一个小的偏移量。这是HTML/CSS中的默认值

然而，@amadan是绝对正确的。您应该始终使用以下内容来启动您的网页CSS。不会发生偏移问题

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

默认情况下，Body的边距为8，请尝试将其设置为0，或使用css重置。重置的另一种方法是normalize.css，它可以保持有用的设置，并使它们在不同浏览器中保持一致。这有点离题了，但值得注意的是：Body的默认边距为8，请尝试将其设置为0，或使用css重置。重置的另一个替代方法是normalize.css，它保留了有用的设置，并使它们在浏览器中保持一致。这有点离题，但值得注意：