相对定位元素的填充是否影响绝对定位子元素的（0,0）？

【问题标题】：Does padding of relatively positioned element affect (0,0) of absolutely positioned child element?相对定位元素的填充是否影响绝对定位子元素的（0,0）？
【发布时间】：2009-10-21 13:45:13
【问题描述】：

这是一个对我来说没有意义的 CSS 问题..

现在我有这样的东西：

.container {
  height: 500px;
  width: 500px;
  position: relative;
  padding: 10px;
}

.child {
  top:0px;
  left:0px;
  position:absolute;
  width: 100px;
  height: 100px;
}

孩子现在忽略父母的填充。这对我来说似乎违反直觉。我是否错过了快速修复（我无法为孩子添加填充/边距）？我搞砸了 DOCTYPE 吗？

谢谢！马特·穆勒

【问题讨论】：

标签： css

【解决方案1】：

由于您已为子元素指定绝对位置，因此此行为是正确的。子元素将绝对定位到 left 和 top 值。

在绝对定位模型中，一个盒子相对于显式偏移到它的包含块。 已删除 完全来自正常流程（它有对后来的兄弟姐妹没有影响）。一个绝对定位框建立用于正常流动的新包含块儿童和绝对（但不是固定）定位的后代。但是，绝对的内容定位元素不流动任何其他框。他们可能会掩盖另一个盒子的内容（或模糊自己），取决于重叠框的堆栈级别。

Visual Formatting model - Absolute positioning

【讨论】：