绝对位置和百分比高度

Question

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

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

启用绝对定位后，div P的高度为60px（距离父级50像素+填充10像素）。

现在，如果您关闭绝对定位，则div P和div W的高度将相同，为110px（子级为100，填充为10）。

有人可以告诉我这里发生了什么吗？

1）启用绝对定位时，为什么P取父代的最小高度的100％高度而不是子代的高度？ （为什么填充仅适用于P？）

2）绝对定位关闭时，为什么P从子级取100％的高度而不是父级的最小高度？ （为什么填充仅适用于P AND W？）

Answer 1

填充仅在#p样式...

至于高度，绝对定位会使元素脱离正常流动。 高度o 100％使该元素承担任何父对象的全部高度，并且其位置不是静态的（如果找不到，则为主体）。 由于它不在流程中，因此#w元素实际上没有任何元素，因此为什么要还原到其最小高度。