相对位置div的空间来自哪里？

Question

为什么相对定位的div排列在0,0像固定位置的div？我试着将填充/边距设置为0，但它似乎没有任何区别。

http://jsfiddle.net/helpermethod/cWdWp/4/

Answer 1

因为div与position:relative采取如父body。 body已自动填充10个像素（在Firefox中，其他浏览器可能会有所不同）。如果你添加body {padding:0;}将会在同一个地方。为了解决“问题”这样，你可以使用重置的CSS这样http://meyerweb.com/eric/tools/css/reset/

例子：http://jsfiddle.net/cWdWp/9/

Answer 2

如果你有这个问题有很多，你可以只用埃里克·迈尔斯CSS复位：

http://www.cssreset.com/downloads/css-resets/eric-meyer-reset-css/eric-meyer-reset.css

它将所有标准浏览器样式恢复为0填充和边距。

Answer 3

它是主体上的默认填充。固定位置会忽略它的容器，就像绝对定位一样，而相对位置则在容器内。 body {padding:0;}将解决它。