爲什麼css 100％ - 100％沒有絕對的工作？

Question

問題1）我有這個http://jsfiddle.net/Qx9uG/1/絕對工作。當我刪除絕對，http://jsfiddle.net/Qx9uG它不起作用。這是爲什麼？

問題2）如果將寬度從％更改爲px並將高度px更改爲％，爲什麼我無法獲得結果？

http://jsfiddle.net/SGpb2/2/與http://jsfiddle.net/SGpb2/1/

.box 
{ 
    width: 100%; 
    height: 100%; 
    background: red; 
    position: absolute; 
} 

Answer 1

因爲0100%也0。

定義父元素，在這種情況下爲body/html。

jsFiddle example

html, body { 
    height:100%; 
} 

它與絕對定位的原因是絕對定位的元素被取出文件的流動，因而他們的父母的尺寸並不需要定義。