为什么没有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

由于100%的0也是0.

定义父元素,在本例中为body/ html.

jsFiddle例子

html, body {
    height:100%;
}

它与绝对定位一起工作的原因是因为绝对定位的元素从文档的流中取出,因此不需要定义它们的父级尺寸.