当height设置100%的时候,如果父元素没有设置明确的height值(非auto,100%);那么是不能达到充满父元素的效果的!!!!!!
有一种例外:就是当子元素设置position:absolute,父元素设置了relative。同样父元素height没有明确值(是auto或者100%),
而子元素同样没有设置(是auto或者100%)。但是能达到充满父元素效果的。
position一旦设置了absolute或者fixed的话,元素会脱离文档流(relative不脱),然后寻找其最近一个position非static进行定位。
但是为什么,脱离文档流之后就可以充满父元素,可能是css内核处理的事情了。
tips:当设置position:relative的时候,确实不能充满元素。所以是脱离文档流的问题。
所以保守起见:我们在设置父元素的时候,还是以第一种情况考虑为主。查找问题,总不会错。