Html 为什么我的CSS元素不与网页顶部对齐？

由于某些原因，示例图像中的元素不会与页面顶部对齐。我已经有一段时间没有使用HTML/CSS了，但我看不到任何编码方式会将矩形向下移动5px

我正在尝试实现此页面上的条形图：

这是我的密码。 HTML:

提前谢谢

在标题栏中添加以下内容：

body{
    background-color:#666;
    padding: 0;
    margin:0;
}

top:0;
left:0;

---

此外，您只能有一个职位。相对或固定。

将正文上的填充和边距设置为零。更好的是，使用CSS重置。填充和边距现在为零，工作起来就像一个符咒。谢谢j08691！

body{
    background-color:#666;
    padding: 0;
    margin:0;
}

top:0;
left:0;