容器的绝对和相对定位

Question

#container {

            background-color: grey;
            top: 40px;
            left: 50px;
            width: 500px;
            height: 400px;
            position: absolute;
            border: 2px solid black;
            }

我的身体中有一个带有此id的div标签。没有其他的。让我们说这个容​​器的左上角顶点显示在浏览器的x，y位置。现在当我将position属性更改为relative时，具有讽刺意味的是它显示在〜（x + 10，y + 10）的位置。为什么会这样？

Answer 1

您是否有机会从body删除默认保证金？它可能是大多数浏览器应用的默认保证金。

尝试添加此内容：

body { margin: 0; padding: 0; }

小提琴：http://jsfiddle.net/5TZBf/

Answer 2

这是因为页面上的默认边距可以进行简单的重置。 Fiddle

*{
    padding:0;
    margin: 0;
}