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

Question

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

现在，我有这样的事情：

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

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

孩子现在不考虑父母的填充。这对我来说似乎是非常直观的。我错过了一个快速修复（我不能添加填充/保证金给孩子）？我搞乱了DOCTYPE吗？

谢谢！ Matt Mueller

Answer 1

由于您已经为子元素指定了绝对位置，所以此行为是正确的。孩子将被定位在左边和最高值。

在绝对定位模型， 盒被明确地相对于 其包含块的偏移量。 它从正常流中除去 完全（它有 上以后兄弟姐妹没有影响）。一个 绝对定位框建立 一个新的包含正常流程 儿童和绝对（但不是 固定）后裔定位的块。 但是，绝对 定位元素的内容不会围绕 任何其他框流动。他们可能会掩盖另一个框中的 内容（或者被 模糊不清），这取决于重叠框的 堆栈级别。

Visual Formatting model - Absolute positioning