父容器display:flex后，子元素的内部元素height:100%无效解决方法

父容器display:flex后，子元素的内部元素height:100%无效解决方法

解救办法：父类容器position:relative;子元素：position:absolute;width:100%,height:100%;

效果图：

代码如下：

    
    
    
    


    

        

            头部
        
        

            

                
                    父容器position:relative;
                    子元素position:absolute;
                    width: 100%;
                    height:100%;
                
            
        
        

            底部
        
    

转自：http://www.fx114.net/qa-263-150780.aspx