当body里只有一个relative元素的时候，为什么只有同时设置html和body的100%高度才能使这个元素的宽高填充？

Question

http://jsfiddle.net/vgnasw1e/
发现如果body和html不同时设定100%的高度a元素就没高度

Answer 1

宽高的百分比是基于包含它的块级对象的百分比宽高。
父元素没高度，子元素100%的父元素高度也是0

另外.a {width: 100%;} 没必要

Answer 2

html和body本来高度就是0，或者说是auto的，你试下

console.log(document.documentElement.offsetHeight);
console.log(document.body.offsetHeight);

都是0，它们的高度依据你的内容，所以你的内容设置100%高度，相对谁呢？