相對定位的元素的填充是否影響絕對定位的子元素的（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