Question

CSS百分比定义高度为什么没有效果

Answer 1

如果父元素没有指定高度，那么子元素的百分比的高度设置了也没用。所以我们需要先设置父元素的高度：
html, body {height: 100%;}