CSS当中height和width设置为百分比形式为何会不起做用

今天刚刚回到学校，假期没好好学习，准备在学校找找状态好好学习了，在写一个页面的时候，忽然发现设置div的height为50%不起做用，无论百分之多少，都是div里面元素的高度，而把百分比换成px就会生效。这个问题给我搞的非常郁闷啊，由于没想到在这种简单的地方会出错，后来仔细想了一下，这种bug每每是由于没有设置这个元素的父级元素的高度。由于元素的百分比高度其实就是占这个元素的父级元素高度的百分比。

>>阅读原文<<