添加额外的8px到保证金

Question

我有2个div，一个是使用position：absolute而另一个是使用position：static（默认）
左边的绝对位置：100px。
margin-left的静态位置：100px

为什么他们不在同一个地方？

Answer 1

发布小提琴的链接会很不错，但在此之前你可以尝试设置：

html, body
{
  margin: 0;
  padding: 0;
}

由于绝对定位的div已从文档的正常流程中删除，因此静态div的位置与绝对div之间的任何不一致都很可能是由包含静态margin的元素设置的padding或div引起的。

Answer 2

你确定它的边界宽度不是2px（加起来）总共8px吗？

Answer 3

您需要移除身体边距。

    body {
      margin:0px;
    }

绝对div是'HTML'的孩子。静态div是'Body'的孩子。默认情况下，正文的边距为8px。

示例：http://jsfiddle.net/y5S6W/

Answer 4

由于元素按照默认情况下编码到页面中的顺序显示，因此绝对定位的div将位于特定位置;但是，第二个div将在第一个div之后，这意味着它的边缘CSS剩余：100px;实际上它移动超过100px加上页面左侧第一个div的宽度。