为什么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%; 
} 

它与绝对定位的原因是绝对定位的元素被取出文件的流动，因而他们的父母的尺寸并不需要定义。