絕對定位和百分比高度

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元素實際上沒有任何元素，因此它回到其最小高度。