Question

我只是编写标题，非常基本的东西。我的标题偏在一边，我尝试了一些像

这样的东西

margin-left: -12px;

但我听说负面利润不利于CSS中的定位。因为它对某些浏览器不友好。

继承我的代码：

HTML

<body>
    <div id="header">

    </div>
</body>

继承人CSS

#header {
  width: 1080px;
  margin: 0;
  height: 120px;
  background: red;
}

你可以很明显地看到标题的左边和顶部已经从边缘被推开了。

Answer 1

您需要重置浏览器默认值：

body {
  margin: 0;
}

如果你想＆＃34;正常化＆＃34;您的样式，以便所有浏览器都行为相同的结帐normalize，这将帮助您保持您的样式一致。

Answer 2

这是由于jsfiddle使用body {}值。

如果你检查网站的css，它会有一些像素。

改变你的小提琴以包括

body {
    margin: 0px;
}