css高度设置百分比不生效

这是因为百分比高度是根据父元素的高度计算的，假设从祖先到孩子所有的元素高度都只能设置成百分比，一旦中间有一层元素没有设置高度，那这一层以及他的所有子元素都变为自适应高度（height: auto），并且max:height为这一层的父元素高度。

因此假设我们有一个项目需要用百分比完全按照分辨率适配高度，那么从父到子你都必须保证每一层都有百分比高度。