CSS高度100%不起作用

我有一个div,height: 100%;但它不起作用.当我宣布一个固定的高度(例如height: 600px;)它正在工作,但我想要一个响应式设计.

HTML:

    

        

            

                
Html
                
Helpers
            

            

                

                    {{:html}}
                
                

                    {{:helpers}}
                
            
        
    
    

    

        

            

                

                    Preview
                    
                    
                
            

            

                

                    
                
            
        
    

html, body {margin:0;padding:0;height:100%;}

html{
    height: 100%;
    margin: 0;
    padding: 0;
}