jquery - 为什么 css 100% - 100% 没有 absolute 就不能工作？

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

因为 0 的 100% 也是 0。

定义父元素，在本例中为 body/html。

jsFiddle example

html, body {
    height:100%;
}

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