Question

即使我使用这个简单的代码，浏览器也会在左侧和顶部显示一点偏移量。如何解决这个问题。代码如下：

<html>
<head>
<style="text/css">
#container{
  width: 100px;
  height: 100px;
  background-color:orange;
}
</style>
</head>

<body>
<div id="container"></div>
</body>
</html>

Answer 1

尝试添加此css：

* {
    margin: 0;
    padding: 0;
}

Answer 2

这是因为大多数浏览器都使用标准的CSS样式表（参见http://www.w3.org/TR/CSS21/sample.html）。

其中一条规则将margin的{{1}}设置为8像素：

body

您可以通过将body { margin: 8px; }设置为0像素来禁用它：

margin

有关详细信息，请参阅this JSFiddle。

Answer 3

这一直对我有用：

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

Answer 4

更好：

*{
   margin: 0 auto;
   padding: 0;
 }

Answer 5

制作margin-top的{{1}}和margin-left以及html 0。

body

浏览器左侧和顶部显示不需要的偏移量

5 个答案: