绝对定位和百分比高度

Question

请参考http://jsfiddle.net/A2Qnx/1/

<div id='w'> 
    <div id='p'> 
     <div id='c'> 
     </div> 
    </div> 
</div> 

当绝对定位是上，DIV P具有（从母体+ 10从填充50）60像素的高度。

现在，如果您关闭绝对位置，则div P和div W将具有相同的110px高度（从小孩+ 100填充到100）。

有人可以向我解释发生了什么吗？

1）当绝对定位打开时，为什么P会从父母的最小高度（而非孩子的身高）取得其100％的高度？ （以及为什么填充只适用于P？）

2）当绝对定位关闭时，为什么P从孩子身上取得其100％身高而不是父母的最小身高？ （为什么被填充只施加到P和W？）

Answer 1

填充仅风格上#p ...

至于高度，绝对定位取元件从正常流动。 100％的高度使得该元素占据了除静态之外的其他位置的任何父母的全部高度（或者如果没有找到，则为身体）。因为它不在流中，所以#w元素实际上没有任何元素，因此它回到其最小高度。