html - 将额外的 8px 添加到边距

Question

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

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

8px 在哪里？

score 1 · Accepted Answer

发布一个指向小提琴的链接会很好，但在那之前你可以尝试设置：

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

由于绝对定位div已从文档的正常流程中取出，因此 staticdiv和 absolute的放置之间的任何不一致很可能div是由包含 static 的元素上的margin's 或' 设置引起的。paddingdiv

score 0 · Accepted Answer

您需要删除正文边距。

    body {
      margin:0px;
    }

绝对 div 是“HTML”的子级。静态 div 是“身体”的孩子。默认情况下，正文有 8 像素的边距。

score 0 · Accepted Answer

由于元素默认按照它们在页面中的编码顺序显示，因此绝对定位的 div 将位于特定位置；但是，第二个 div 将在第一个 div 之后，这意味着它的 CSS 的 margin left: 100px; 实际上将它移动了 100px 加上页面左侧第一个 div 的宽度。

score 0 · Accepted Answer

0

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

于 2013-07-17T03:35:44.257 回答

4 回答 4