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

Question

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

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

Answer 1

因为div与position:relative同为body的父级。 body自动填充10个像素（在Firefox中，在其他浏览器中可能不同）。如果您添加body {padding:0;}，则两者都在同一个地方。要克服这样的“问题”，您可以使用像http://meyerweb.com/eric/tools/css/reset/

这样的重置css

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

Answer 2

如果您遇到这个问题，可以使用Eric Meyers CSS重置：

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

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

Answer 3

这是身体上的默认填充。固定定位忽略其容器，就像绝对定位一样，而相对位置在容器内。 body {padding:0;}会修复它。